iOS編寫下拉刷新控件
現(xiàn)在iOS里有很多成熟的下拉刷新控件,比如MJRefresh,SVPullToRefresh
我這里參考了SV的寫法,但是回調(diào)用的是代理,沒有用block,個人感覺用代理更簡潔一點
下拉刷新的基本原理
在scrollview的上面和下面分別添加一個view,上面的是下拉的時候展示下拉動畫的headerView,下面的是上拉加載更多的時候展示動畫的footerView
這里的headerView和footerView都是自己添加的,和tableView自己的header,footer不一樣
headerView是添加在scrollView的最上面的,設(shè)置frame的時候是origin.y是負(fù)數(shù)
當(dāng)下拉達(dá)到條件就觸發(fā)刷新,同時更改scrollview的contentInsert.top值,以使手指松開之后headerView仍然可以露出來
刷新結(jié)束之后,停止headerView上面的動畫,然后把contentInsert的值改回去
footerView是添加在最下方的,frame.origin.y是scrollview的contentSize.height
在上拉到一定程度之后就更改scrollview的contentInsert,使footerView可以露出來,加載結(jié)束之后就改回去
如何寫下拉刷新
寫下拉刷新一般都是給scrollview寫一個類別,添加一個新的方法,來把headerView和footerView添加到scrollview上面
給scrollview聲明一個headerView類型的屬性(如何給類別添加屬性)
然后給scrollview的contentoffset屬性添加監(jiān)聽者,這個監(jiān)聽者就是headerView
這樣,在scrollview滑動的時候,就可以監(jiān)聽到滑動的情況,并根據(jù)數(shù)據(jù)來決定是否刷新和時候改變scrollview.contentInsert.y
然后再寫一個停止刷新的方法,用來停止刷新動畫和更改scrollview.contentInsert.y
這樣scrollview的擴(kuò)展就寫完了,然后就要寫自定義的headerView
headerView的動畫是根據(jù)需要些的,數(shù)據(jù)來源就是監(jiān)聽到的contentoffset
在scrollViewDidScroll方法里來處理監(jiān)聽到的值
這里使用了一個枚舉類型來記錄刷新狀態(tài),從而控制動畫
雖然原理簡單,但是實踐起來遇到了很多困難,有技術(shù)上的,也有邏輯上的,心力交瘁,才搞出來一個小
Demo:https://github.com/chebaoGitHub/CBGeneralRefreshView
footerView同理
結(jié)語:
寫這個控件最大的收獲就是加深了對set get方法的理解,對scrollview的理解,對category的理解
但是這里仍然有一個bug:
在下拉達(dá)到條件,headerView開始動畫,設(shè)置contentInsert之后,正在回彈的scrollview會出現(xiàn)抖動,手指滑的越快抖動越厲害,不知道為什么,現(xiàn)在還沒有解決,希望大家可以有好的解決方法,大家共同學(xué)習(xí)。
相關(guān)文章
iOS應(yīng)用開發(fā)中UIScrollView滾動視圖的基本用法總結(jié)
這篇文章主要介紹了iOS應(yīng)用開發(fā)中UIScrollView滾動視圖的基本用法總結(jié),作者還介紹了重寫UIScrollView中的hitTest方法來解決長按的事件問題,需要的朋友可以參考下2016-02-02詳解Swift 利用Opration和OprationQueue來下載網(wǎng)絡(luò)圖片
這篇文章主要介紹了詳解Swift 利用Opration和OprationQueue來下載網(wǎng)絡(luò)圖片的相關(guān)資料,希望通過本文能幫助到大家,需要的朋友可以參考下2017-09-09Objective-C 代碼與Javascript 代碼相互調(diào)用實例
這篇文章主要介紹了Objective-C 代碼與Javascript 代碼相互調(diào)用實例的相關(guān)資料,現(xiàn)在的APP 應(yīng)用有時候會調(diào)用網(wǎng)頁上的內(nèi)容,為了增加用戶體驗,這里寫下個實例,需要的朋友可以參考下2016-10-10iOS開發(fā)之級聯(lián)界面(推薦界面)搭建原理
這篇文章主要為大家詳細(xì)介紹了iOS級聯(lián)界面(推薦界面)搭建原理,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-08-08