Storyboard(故事板)中的UIScrollView添加约束,使其能够滚动

本文指导如何在iOS应用中使用AutoLayout创建一个具备水平滚动功能的ScrollView,并通过添加约束实现视图的布局和调整。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

看一下效果



1. 创建一个项目,拖拽一个ScrollView到故事板中,如下图


2. 选中ScrollView,添加约束。


3. 拖拽一个View到ScrollView上, 然后添加上下左右四周约束。



4.添加完之后, 可能会报一个错, 如下图, 这个暂时别去管。 



5. 我们先确定一下, 我们是需要水平方向的滚动还是竖直方向的滚动,或者水平方向和竖直方向都需要滚动。

a.水平方向和竖直方向都需要滚动的话, 不用添加

b.水平方向滚动需要添加下面一个约束



c.竖直方向需要添加下面一个约束



6.我们以水平方向滚动为例,  我们需要确定我们想要的宽度, 添加一个固定的宽度的约束。


7.选中View, 更新一下Frame


8.如果是想要动态设置ScrollView的宽度,也就是设置View的宽度约束的值, 我们将其拉成属性, 然后修改其值。


9. 如果是确定的宽度, 可以在 - ( void )updateViewConstraints 这个方法中修改,也可以在别处修改。


10.现在运行,就可以水平滚动了。 竖直方向的滚动和水平方向滚动的设置差不多。 我们来添加两个View, 先拖拽一个View(我设为灰色)到视图上, 然后添加约束, 如下图



11.再拖拽一个View, 背景颜色设为红色,设置好之后, 将frame设置到我们需要的, 我这边将X设置到600。


12.我们给第二个View添加约束,如下图



13.我们还需要设置一个约束, 就是第二个View距离SuperView的距离,就是第二个View的Leading约束


14.然后将这个约束Leading拉成属性,在 - ( void )updateViewConstraints设置他的值


如下图


这样子就OK了。 

自动布局需要自己去多多实践, 有很多细节需要注意的。 


评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

黄旺鑫

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值