UIScrollView及其子類控件在iOS中的UI開發(fā)中最常用也是需要重點掌握的一個控件。隨著項目需求中界面樣式的豐富,使用單個UIScrollView或子類控件已經(jīng)很難完成復雜界面的構建,往往需要多個UIScrollView來嵌套完成。在新聞、購物等APP中,我們經(jīng)常會看到多個UIScrollView嵌套的身影。并且由于UIScrollView跟普通的UIView有一些區(qū)別,功能上他可以上下和左右滑動,從實現(xiàn)上來說他多了一個需要計算的ContentSize屬性,所以使用起來就有一些難度。特別是在Masonry這種約束布局的場景下,大多數(shù)都會覺得比較困難。
方案一(簡單版)
先來說一下實現(xiàn)的大體步驟:
設置 scrollView 的約束
約束上下左右間距為 0
創(chuàng)建一個 contentView ,設置 contentView 的約束上下左右間距為 0
寬度和 scrollView 的父視圖相等
高度和 scrollView 的父視圖相等,且優(yōu)先級要低(這一步很重要,千萬不要寫錯)將所有子控件添加到 contentView (而不是直接添加到 scrollView 上),并設置好子控件的內(nèi)部約束
方案二
- (void)viewDidLoad {
[super viewDidLoad];
_containerScrollView = [[UIScrollView alloc] init];
_containerScrollView.backgroundColor = [UIColor yellowColor];
_containerScrollView.pagingEnabled = YES;
[self.view addSubview:_containerScrollView];
[_containerScrollView mas_makeConstraints:^(MASConstraintMaker *make) {
make.edges.mas_equalTo(_containerScrollView.superview);
}];
_view1 = [[UIView alloc] init];
_view1.backgroundColor = [UIColor redColor];
[_containerScrollView addSubview:_view1];
[_view1 mas_makeConstraints:^(MASConstraintMaker *make) {
make.left.top.bottom.mas_equalTo(_containerScrollView);
make.width.height.mas_equalTo(_containerScrollView);
}];
_view2 = [[UIView alloc] init];
_view2.backgroundColor = [UIColor blueColor];
[_containerScrollView addSubview:_view2];
[_view2 mas_makeConstraints:^(MASConstraintMaker *make) {
make.top.right.bottom.mas_equalTo(_containerScrollView);
make.width.height.mas_equalTo(_containerScrollView);
make.left.mas_equalTo(_view1.mas_right);
}];
}