有沒有辦法在iOS中使用表格視圖設計Tinder/Twitter-self-profile-like頭像效果？

我試圖設計類似於Tinder和Twitter自己的個人資料視圖上看到的內容。 Tinder在用戶自己的個人資料圖片背後有一個模糊的背景，並且該視圖被刷下來，它增長和模糊淡入淡出，最終到達用戶的個人資料視圖中（並且在Twitter上，它開始變得尖銳，並且隨着它變大變得模糊，導致Twitter帳戶選擇視圖）。最近我在許多應用程序中看到了這種特殊效果，我也希望將其包含在我的應用程序中。這種效果/手勢是否有名字？有沒有簡單的方法來實現它與標準的表視圖，或者我應該開始硬編碼它？有沒有辦法在iOS中使用表格視圖設計Tinder/Twitter-self-profile-like頭像效果？

來源

2014-11-09 Can Poyrazoğlu

我建議你張貼圖片來顯示效果，所以它會更容易理解。 – Zanon 2014-11-09 02:01:51

基本設計採用各種名稱，如Parallax,Sticky Header或Stretchy Header。

你要找的具體效果是視差模糊。

有在GitHub上了幾個實現。這裏有兩個從a quick search：

TwitterCover是模糊作爲頁眉生長的鮮明的圖像。
ParallaxBlur是成爲作爲頁眉生長更清晰的模糊圖像。

來源

2014-11-09 08:36:37

這就是我確切需要的。謝謝，很難找到它不知道名稱的效果:) – 2014-11-09 17:14:01

作爲exercice我試圖複製在以下項目中的Twitter個人資料頭效果： https://github.com/BillCarsonFr/twitterprofilepage

enter image description here

來源

2015-01-02 10:50:50 valR

你有一個想法如何實現這樣一個粘性頭與下面的'UIPageViewController'？我的意思是你使用的UITableView已經有了它的'headerView'和粘滯的'sectionHeader'。 – Daniel 2015-01-29 20:08:21

你的意思是一個PageViewController而不是表視圖？頁面視圖控制器的方向是什麼？我不確定這是怎麼回事，你有沒有這種效果的例子？ – valR 2015-01-29 20:29:45

我的意思是段控制需要改變標題下方的網頁就像這個例子有可滾動'UITableView'但我要尋找一個一般'ViewController'使用包含'SegmentControl'這改變粘性滾動的頭標題下方的內容。很難解釋。因此，Twitter應用程序例如有三個片段「推文」，「照片」......但他們如何在不更改標題的情況下更改內容視圖/控制器。我認爲他們不只是交換'tableView'單元格，他們還有其他內容和佈局，就像'PageViewController'一樣。 – Daniel 2015-01-29 21:09:04

一個簡單的方法是把兩個主要對象上的視圖controller.One是UIViw，另一個是UIScrollView（也是UIScrollView的子類）。您可以將UIView放在UIScrollView上以掩蓋scrollview的標題部分。更改scrollview的contenoffset（特別是在使用tableview時非常重要，否則視圖會覆蓋細胞）。另一件事是電話 - （void）scrollviewdidscroll函數。在這個函數中做一些數學計算，主要是通過scrollview.content.offset.y來實現視差效果。這是一篇文章介紹 - IMPLEMENTING THE TWITTER IOS APP UI (UPDATE: SWIFT 3)

來源

2017-02-21 01:48:45 selaband

有沒有辦法在iOS中使用表格視圖設計Tinder/Twitter-self-profile-like頭像效果？

回答

相關問題