当我们要采用scrollView进行轮播的时候,我们要写入相关轮播View的代码,并对scrollView进行配置,为了节省这一工作效率,我们针对故事版中的scrollView进行自动布局,并且可以自定义设置横向/纵向滑动。
1. 创建项目,并将scrollView拖拽到故事版中,并对故事版进行布局
2. 在scrollView中拖拽一个View,也进行自动布局,布局方式同上,但注意,这时会有一个错误提示,这是因为我们没有对View的宽度进行设置
3. 为了解决上面的错误提示,我们先要考虑好我们是要采用横向滚动或者纵向滚动,此次我们采用横向,
我们需要对退拽view的宽度进行设置,设置成屏幕宽度的2倍,这个区域是scrollView滚动的区域,之后错误提示就会消失
对于不同的设备,我们屏幕的宽度是不同的,所以我们需要把View的Width约束设置成为属性,这样好方便更改
更新width约束的值应该在此方法中进行设置
//更新约束
- (void)updateViewConstraints {
[super updateViewConstraints];
//设置为两个屏幕的宽度
self.viewWidth.constant = CGRectGetWidth([UIScreen mainScreen].bounds) * 2;
4. 接下来我们为了看到显示效果,在退拽的View中子啊添加两个View,我们称其为View1、View2
5. 对View1进行布局
设置View1的宽度约束
同操作3一样,不同的设备宽度不同,我们仍需把View1的宽度约束设置成为属性
-(void)updateViewConstraints
{
[super updateViewConstraints];
_width.constant = [UIScreen mainScreen].bounds.size.width * 2;
_view1Width.constant = [UIScreen mainScreen].bounds.size.width;
}
View2进行布局
操作完毕后记得Update Frames更新一下在运行哦