ScrollView

本文详细介绍如何使用ScrollView实现iOS应用中动态文本控件的垂直滚动效果。包括设置ScrollView滚动方向、添加ContentView并设置约束,以及调整Label展示多行文本的高度。通过实例演示,解决常见布局问题。

        在实际项目的开发过程中,会遇到如下的需求,多个文本控件,而且文字内容是动态不定的,当所有的文本高度之和超过一屏的时候,就需要页面可以滚动起来。下面就以垂直方向滚动的效果实现加以说明。

        一,拖拽一个scrollview,并设定约束,上下左右都设置好约束

5777390-0a65095a16c1f521.png

     二,为scrollview设置滚动方向,垂直滚动。

5777390-116c5d5d1bbabee6.png

    三,在scrollview之上添加一个UIView作为contentview,并且只设置三边的约束,即上,左,右。高度暂时不设置,此时报错如下:

5777390-255aad898a6f83d4.png

四, 我们可以先不管,然后在contentview上随意添加控件,比如这里我们添加lable,并且也是设置好三边的约束,上,左,右

5777390-d129dae0e6685241.png

然后我们把label的底部约束设置为和scrollview底部对齐,这时可以看到所有的错误不见了

5777390-986abaed305ce0fd.png

五,label设置为多行自动调整高度展示,添加超过一屏的文字作为效果测试

5777390-981f338aae121e97.png

六,但是会发现文本并没有展示出来?这个是因为没有设置contentview的垂直展示属性。设置完成后就ok了

5777390-3cee697df58f1053.png
5777390-892e6cb7d6edd02d.png

最后是运行效果

5777390-6bdfc330b77ef889.png
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值