iOS:scrollView的底層實現
我們首先來思考以下幾個問題：
scrollView繼承自誰，它如何檢測到手指滑動？
scrollView如何實現滾動？
scrollView里的各種屬性是如何實現的？如contentSize/contentOffSet.。..。.
通過一步步解決上邊的問題，我們就能實現一個自己的scrollView。
一步一步實現scrollView
1. 毫無疑問我們都知道scrollView繼承自UIView，檢測手指滑動應該是在view上放置了一個手勢識別，實現代碼如下：
- （instancetype）initWithFrame：（CGRect）frame {
self = ［super initWithFrame:frame］;
if （self） {
UIPanGestureRecognizer *panGesture = ［［UIPanGestureRecognizer alloc］ init］;
［panGesture addTarget:self action：@selector（panGestureAction：）］;
［self addGestureRecognizer:panGesture］;
}
return self;
}
2. 要搞清楚第二個問題，首先我們必須理解frame和bounds的概念。
提到它們，大家都知道frame是相對于父視圖坐標系來說自己的位置和尺寸，bounds相對于自身坐標系來說的位置和尺寸，并且origin一般為（0，0）。但是bounds的origin有什么用處？改變它會出現什么效果呢？
當我們嘗試改變bounds的origin時，我們就會發現視圖本身沒有發生變化，但是它的子視圖的位置卻發生了變化，why？？？其實當我們改變bounds的origin的時候，視圖本身位置沒有變化，但是由于origin的值是基于自身的坐標系，所以自身坐標系的位置被我們改變了。而子視圖的frame正是基于父視圖的坐標系，當我們更改父視圖bounds中origin的時候子視圖的位置就發生了變化，這就是實現scrollView的關鍵點！！！
基于這點我們很容易實現一個簡單的最初級版本的scrollView，代碼如下：
- （void）panGestureAction：（UIPanGestureRecognizer *）pan {
// 記錄每次滑動開始時的初始位置
if （pan.state == UIGestureRecognizerStateBegan） {
self.startLocation = self.bounds.origin;
NSLog（@“%@”， NSStringFromCGPoint（self.startLocation））;
}
// 相對于初始觸摸點的偏移量
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. 理解了上邊內容的關鍵點，下邊我們將對我們實現的scrollView做一個簡單的優化。通過contentSize限制scrollView的內部空間，實現代碼如下
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設置scrollView的初始偏移量，相信大家已經懂了如何設置偏移量了吧？沒錯我們只需設置view自身bounds的origin是實現代碼如下：
- （void）setContentOffset：（CGPoint）contentOffset {
_contentOffset = contentOffset;
CGRect newBounds = self.bounds;
newBounds.origin = contentOffset;
self.bounds = newBounds;
}
防止scrollView的子視圖超出scrollView
self.layer.masksToBounds = YES;
總結
UIScrollView還有很多其它強大的功能，以上我們只是完成了一個特別簡單的scrollView，以后如果有時間我會對它進行完善。當然如果你有興趣，你完全可以對它進行擴展， 下載地址放在這里。
非常好我支持^.^
(0) 0%
不好我反對
(0) 0%
下載地址
iOS:scrollView的底層實現下載
相關電子資料下載
- iOS17.1可能明天發布，iOS17.1主要修復哪些問題？ 377
- 華為全新鴻蒙蓄勢待發 僅支持鴻蒙內核和鴻蒙系統應用 719
- 蘋果手機系統iOS 17遭用戶質疑 731
- iPhone12輻射超標？蘋果推送iOS 17.1解決此事 750
- 傳華為囤積零部件 目標明年智能手機出貨7000萬部；消息稱 MiOS 僅限國內，小米 28208
- 蘋果推送iOS17.0.3，解決iPhone15Pro系列存在機身過熱 216
- Testin云測兼容和真機服務平臺中上線iPhone 15系列手機 208
- 利爾達推出搭載HooRiiOS的Matter模組 145
- 運放參數解析：輸入偏置電流(Ibias)和失調電流(Ios) 128
- 昆侖太科發布支持國產飛騰騰銳D2000芯片的開源BIOS固件版本 448