你的位置:首页 > 操作系统

[操作系统]iOS UIScrollView使用Autolayout


  最近项目在迭代更新的时候,需要在之前用Autolayout写的界面里添加一个button,添加完这个button后,iPhone5,iPhone4显示不全了.遇到整个问题后很自然就想到了用UIScrollView,很快就创建了一个占满全屏的UIScrollView,把之前所有的控件有[self.view addSubview:xxx]全部改成[self.scrollView addSubview:xxx],信心满满的点击了一个运行按钮,艹,居然滑动不了......

  重新调整了一下思路,解决了此问题,先创建一个UIScrollView没错,然后创建一个contrainerView用于存储之前添加在[self.view]上的控件,把contrainer再添加到scrollview上,最后调整contrainerView的位置即可.

  代码:

// 创建一个scrollview  UIScrollView *scrollView = [[UIScrollView alloc] initWithFrame:CGRectZero];  [self.view addSubview:scrollView];  [scrollView mas_makeConstraints:^(MASConstraintMaker *make) {    make.edges.equalTo(self.view);  }];  // 创建一个view,这个view里面放置各种view控件,并添加到scrollview上  UIView *contrainerView = [[UIView alloc] initWithFrame:CGRectZero];  [scrollView addSubview:contrainerView];    UIView *view1 = [[UIView alloc] initWithFrame:CGRectZero];  view1.backgroundColor = [UIColor redColor];  [contrainerView addSubview:view1];  [view1 mas_makeConstraints:^(MASConstraintMaker *make) {    make.left.top.equalTo(@20);    make.right.equalTo(@(-20));    // 宽度不写view显示不出来    make.width.equalTo(@(self.view.frame.size.width - 40));    make.height.equalTo(@200);  }];    UIView *view2 = [[UIView alloc] initWithFrame:CGRectZero];  view2.backgroundColor = [UIColor greenColor];  [contrainerView addSubview:view2];  [view2 mas_makeConstraints:^(MASConstraintMaker *make) {    make.left.equalTo(@100);    make.top.equalTo(view1.mas_bottom).offset(10);    make.right.equalTo(@(-100));    // 宽度不写view显示不出来    make.width.equalTo(@(self.view.frame.size.width - 200));    make.height.equalTo(@400);  }];  UIView *view3 = [[UIView alloc] initWithFrame:CGRectZero];  view3.backgroundColor = [UIColor redColor];  [contrainerView addSubview:view3];  [view3 mas_makeConstraints:^(MASConstraintMaker *make) {    make.left.equalTo(@20);    make.top.equalTo(view2.mas_bottom).offset(10);    make.right.equalTo(@(-20));    // 宽度不写view显示不出来    make.width.equalTo(@(self.view.frame.size.width - 40));    make.height.equalTo(@200);  }];  // 容器的顶部位置基于最后一个view控制来确定  [contrainerView mas_makeConstraints:^(MASConstraintMaker *make) {    make.edges.equalTo(scrollView);    make.bottom.equalTo(view3.mas_bottom).offset(20);  }];

 

  如果你不是在wb145230博客园看到本文,请点击查看原文.