iOS:scrollView的底層實(shí)現(xiàn)

　在iOS開發(fā)中我們會(huì)大量用到scrollView這個(gè)控件，我們使用的tableView/collectionview/textView都繼承自它。scrollView的頻繁使用讓我對它的底層實(shí)現(xiàn)產(chǎn)生了興趣，它到底是如何工作的？如何實(shí)現(xiàn)一個(gè)scrollView？讀完本篇博客，相信你一定也可以自己實(shí)現(xiàn)一個(gè)簡易的scrollView。
　　我們首先來思考以下幾個(gè)問題：
　　scrollView繼承自誰，它如何檢測到手指滑動(dòng)？
　　scrollView如何實(shí)現(xiàn)滾動(dòng)？
　　scrollView里的各種屬性是如何實(shí)現(xiàn)的？如contentSize/contentOffSet.。..。.
　　通過一步步解決上邊的問題，我們就能實(shí)現(xiàn)一個(gè)自己的scrollView。
　　一步一步實(shí)現(xiàn)scrollView

　　1. 毫無疑問我們都知道scrollView繼承自UIView，檢測手指滑動(dòng)應(yīng)該是在view上放置了一個(gè)手勢識(shí)別，實(shí)現(xiàn)代碼如下：

　　- （instancetype）initWithFrame：（CGRect）frame {

　　self = ［super initWithFrame:frame］;

　　if （self） {

　　UIPanGestureRecognizer *panGesture = ［［UIPanGestureRecognizer alloc］ init］;

　?。踦anGesture addTarget:self action：@selector（panGestureAction：）］;

　?。踫elf addGestureRecognizer:panGesture］;

　　}

　　return self;

　　}

　　2. 要搞清楚第二個(gè)問題，首先我們必須理解frame和bounds的概念。

　　提到它們，大家都知道frame是相對于父視圖坐標(biāo)系來說自己的位置和尺寸，bounds相對于自身坐標(biāo)系來說的位置和尺寸，并且origin一般為（0，0）。但是bounds的origin有什么用處？改變它會(huì)出現(xiàn)什么效果呢？

　　當(dāng)我們嘗試改變bounds的origin時(shí)，我們就會(huì)發(fā)現(xiàn)視圖本身沒有發(fā)生變化，但是它的子視圖的位置卻發(fā)生了變化，why？？？其實(shí)當(dāng)我們改變bounds的origin的時(shí)候，視圖本身位置沒有變化，但是由于origin的值是基于自身的坐標(biāo)系，所以自身坐標(biāo)系的位置被我們改變了。而子視圖的frame正是基于父視圖的坐標(biāo)系，當(dāng)我們更改父視圖bounds中origin的時(shí)候子視圖的位置就發(fā)生了變化，這就是實(shí)現(xiàn)scrollView的關(guān)鍵點(diǎn)?。。?/p>

　　基于這點(diǎn)我們很容易實(shí)現(xiàn)一個(gè)簡單的最初級(jí)版本的scrollView，代碼如下：

　　- （void）panGestureAction：（UIPanGestureRecognizer *）pan {

　　// 記錄每次滑動(dòng)開始時(shí)的初始位置

　　if （pan.state == UIGestureRecognizerStateBegan） {

　　self.startLocation = self.bounds.origin;

　　NSLog（@“%@”， NSStringFromCGPoint（self.startLocation））;

　　}

　　// 相對于初始觸摸點(diǎn)的偏移量

　　if （pan.state == UIGestureRecognizerStateChanged） {

　　CGPoint point = ［pan translationInView:self］;

　　NSLog（@“%@”， NSStringFromCGPoint（point））;

　　CGFloat newOriginalX = self.startLocation.x - point.x;

　　CGFloat newOriginalY = self.startLocation.y - point.y;

　　CGRect bounds = self.bounds;

　　bounds.origin = CGPointMake（newOriginalX， newOriginalY）;

　　self.bounds = bounds;

　　}

　　}

　　3. 理解了上邊內(nèi)容的關(guān)鍵點(diǎn)，下邊我們將對我們實(shí)現(xiàn)的scrollView做一個(gè)簡單的優(yōu)化。通過contentSize限制scrollView的內(nèi)部空間，實(shí)現(xiàn)代碼如下

　　if （newOriginalX 《 0） {

　　newOriginalX = 0;

　　} else {

　　CGFloat maxMoveWidth = self.contentSize.width - self.bounds.size.width;

　　if （newOriginalX 》 maxMoveWidth） {

　　newOriginalX = maxMoveWidth;

　　}

　　}

　　if （newOriginalY 《 0） {

　　newOriginalY = 0;

　　} else {

　　CGFloat maxMoveHeight = self.contentSize.height - self.bounds.size.height;

　　if （newOriginalY 》 maxMoveHeight） {

　　newOriginalY = maxMoveHeight;

　　}

　　}

　　通過contentOffset設(shè)置scrollView的初始偏移量，相信大家已經(jīng)懂了如何設(shè)置偏移量了吧？沒錯(cuò)我們只需設(shè)置view自身bounds的origin是實(shí)現(xiàn)代碼如下：

　　- （void）setContentOffset：（CGPoint）contentOffset {

　　_contentOffset = contentOffset;

　　CGRect newBounds = self.bounds;

　　newBounds.origin = contentOffset;

　　self.bounds = newBounds;

　　}

　　防止scrollView的子視圖超出scrollView

　　self.layer.masksToBounds = YES;

　　總結(jié)

　　UIScrollView還有很多其它強(qiáng)大的功能，以上我們只是完成了一個(gè)特別簡單的scrollView，以后如果有時(shí)間我會(huì)對它進(jìn)行完善。當(dāng)然如果你有興趣，你完全可以對它進(jìn)行擴(kuò)展， 下載地址放在這里。