1. 程式人生 > 實用技巧 >下拉重新整理 + 上拉重新整理 (1)

下拉重新整理 + 上拉重新整理 (1)

>>> hot3.png

1、做一件前先問一下,what,why,how。

a)what:什麼是下拉重新整理,其實你經常看見,比如新浪微博手指往下滑時重新整理微博;那什麼是上拉重新整理,上拉重新整理實際也就是分頁模式,比如微信朋友圈每次你滑到最下面都會有"載入更多"的東東吧。

b)why:why,why,tell me why.為什麼要用這兩種重新整理呢?現在app裡的頁面幾乎都是tableview,不信你去瞧瞧,tableview除了滑動,點選,什麼方式能讓它儘快地方便地更新資料,別跟我說退出程式再進入程式,我保證不打死你。經過歷史的見證和群眾雪亮的眼睛,加上ios6添加了refreshControl,至少現在來說重新整理tableview它們是主流,使用者也習慣這樣去重新整理tableview。

c)how:最後還要知道怎麼去實現,實際上自己憑空實現也不是不行,但這樣累,煩,效率低,別人已經幫你包裝好的禮物你何必再重新準備包裝一份呢。下拉重新整理可以用https://github.com/leah/PullToRefresh 這開源的程式碼,當然我用的是ios6自帶的 refreshControl,蘿蔔青菜各有所愛。上拉重新整理比較簡單,可以自己嘗試實現下,可以利用最後一個是tableview cell試試,網上很多程式碼,而我則試試了 tableFooterView,思路類似。


這是我在 Xcode6 + ios7 + 4.0寸實現的效果,見笑啦

164628_DcHm_1444783.png164641_pr2e_1444783.png


2、開始實現 how 吧,先進行下準備運動,才不會拉傷筋骨,鄙人暫時不熟練 Storybroad,所以用純程式碼演示,見笑

a)最近新下載的Xcode6介面看起來美觀不少,但也有些不同,我用的語言還是OC,Swift暫無,笑納了。

Single View Application 走起

165715_UJZU_1444783.png

別選錯語言了

165742_je3Z_1444783.png

設定好版本等(Lauch Image Source是為了4寸模擬器能全屏)

170052_JZU0_1444783.png

選擇ios7的4寸模擬器執行下

170223_NOFY_1444783.png

ok,沒問題

170440_b49m_1444783.png


b)接下來就是要去掉 Storybroad,改用純程式碼,原諒我沒與時俱進使用 Storybroad,小弟會跟上的

大膽刪掉這兩個東東,move to trash

170811_Uadh_1444783.png

再在 AppDelegate.m 裡設定主控制器,我擅自添加了個導航欄

171241_qfUa_1444783.png

再次執行,沒問題,如果有問題的同學可試試把 Main Storybroad裡的東西設定為空

171720_NgV7_1444783.png


3、有木有被騙了的感覺哈哈,這篇文章根本沒提及到下拉重新整理或上拉重新整理的程式碼,小編先吃飯去拉。

下一篇:http://my.oschina.net/cobish/blog/340294




轉載於:https://my.oschina.net/cobish/blog/340231