UIScrollView及其子類控件在iOS中的UI開發(fā)中最常用也是需要重點(diǎn)掌握的一個(gè)控件。隨著項(xiàng)目需求中界面樣式的豐富,使用單個(gè)UIScrollView或子類控件已經(jīng)很難完成復(fù)雜界面的構(gòu)建,往往需要多個(gè)UIScrollView來嵌套完成。在新聞、購物等APP中,我們經(jīng)常會看到多個(gè)UIScrollView嵌套的身影。并且由于UIScrollView跟普通的UIView有一些區(qū)別,功能上他可以上下和左右滑動,從實(shí)現(xiàn)上來說他多了一個(gè)需要計(jì)算的ContentSize屬性,所以使用起來就有一些難度。特別是在Masonry這種約束布局的場景下,大多數(shù)都會覺得比較困難。
方案一(簡單版)
先來說一下實(shí)現(xiàn)的大體步驟:
設(shè)置 scrollView 的約束
約束上下左右間距為 0
創(chuàng)建一個(gè) contentView ,設(shè)置 contentView 的約束上下左右間距為 0
寬度和 scrollView 的父視圖相等
高度和 scrollView 的父視圖相等,且優(yōu)先級要低(這一步很重要,千萬不要寫錯(cuò))將所有子控件添加到 contentView (而不是直接添加到 scrollView 上),并設(shè)置好子控件的內(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);
}];
}