Masonry如何設(shè)置UIScrollView的ContentSize

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)的大體步驟:

  1. 設(shè)置 scrollView 的約束

  2. 約束上下左右間距為 0

  3. 創(chuàng)建一個(gè) contentView ,設(shè)置 contentView 的約束上下左右間距為 0
    寬度和 scrollView 的父視圖相等
    高度和 scrollView 的父視圖相等,且優(yōu)先級要低(這一步很重要,千萬不要寫錯(cuò))

  4. 將所有子控件添加到 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);
    }];
}
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容