Masonry如何設置UIScrollView的ContentSize

UIScrollView及其子類控件在iOS中的UI開發(fā)中最常用也是需要重點掌握的一個控件。隨著項目需求中界面樣式的豐富,使用單個UIScrollView或子類控件已經(jīng)很難完成復雜界面的構建,往往需要多個UIScrollView來嵌套完成。在新聞、購物等APP中,我們經(jīng)常會看到多個UIScrollView嵌套的身影。并且由于UIScrollView跟普通的UIView有一些區(qū)別,功能上他可以上下和左右滑動,從實現(xiàn)上來說他多了一個需要計算的ContentSize屬性,所以使用起來就有一些難度。特別是在Masonry這種約束布局的場景下,大多數(shù)都會覺得比較困難。

方案一(簡單版)

先來說一下實現(xiàn)的大體步驟:

  1. 設置 scrollView 的約束

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

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

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

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

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