故事版中UIScrollView使用自动布局,使其能够滚动(无代码配置)

  当我们要采用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更新一下在运行哦




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值