Storyboard/Xib使用UIScrollView进行自动布局注意点
来源:互联网 发布:天行加速器 for mac 编辑:程序博客网 时间:2024/05/22 09:07
在普通的view上直接添加一些控件是不需要做任何处理,只需要添加四周的约束即可,但是在使用ScrollView时这样操作便会出现问题。
原因就在于:我们通过代码时设置ScrollView需要设置其ContentSize,而在Storyboard或Xib中并没有这一设置,那么问题就来了,需要通过什么才能设置其ContentSize呢? 答案就是约束。
下面示例:
a. 创建一个xib
b. 在View中添加一个scrollView,并设置其约束相对父view{0,0,0,0}[上,下,左,右]
c. 添加一个view,你可以设置你想要的尺寸如下
d. 这个时候就会出现错误,不过不用去管.原因就是无法确定contentSize
e. 添加约束以确定contentSize
f. 不过添加约束后发现还是会出现错误?
g. 缺少滚动方向设置(放后面,容易忘记)
需要先确定下,需要滚动的方向是哪一个;
- 如果水平和竖直方向都需要滚动的话,不用添加了,那错误怎样解决呢
发现了没,刚我们设置的是contentSize的竖直方向,还没有设置水平方向的呢,所以只需要再设置水平方向即可(在这里我们只要设置这个View的宽度就OK了)。 - 水平方向滚动
就要保证ContentSize的宽度得到确定,缺少什么就补什么了。【Vertical Center in Container】保证在滚动过程中竖直方向上的中心在容器内 - 竖直方向滚动
本例就从竖直方向着手了。设置如下:(容器内保持水平)
延伸:
在我们使用根据内容调整控件(如:UIImageView、UILabel)尺寸时往往不能确定尺寸的临时大小,这就需要进行相应调整了,那么在ScrollView中这样设置ContentSize就比较难保证尺寸了。
问题总有解决的方法:
- 只需要上下左右约束
- 如果内容是运行时决定的如UIImageView,若图片是从服务器下载的,那么我们就需要放一个空的UIImageView,不包含所显示的图片,不过这样会因未设置图片导致imageView尺寸无法确定,storyboard抛出错误,解决方案便是放一个临时的占位尺寸来告诉sotryboard。
方法:选中控件—> (右侧)show the size inspector -> Intrinsic Size : Placeholder 尺寸可以随意设
参考:
http://www.cocoachina.com/ios/20141118/10242.html
http://www.cocoachina.com/ios/20150104/10810.html
- Storyboard/Xib使用UIScrollView进行自动布局注意点
- 在Storyboard中对UIScrollView使用autolayout自动布局应该注意的地方 -- @ShinePug
- 在Storyboard中对UIScrollView使用autolayout自动布局应该注意的地方
- Storyboard中的UIScrollView使用自动布局,使其能够滚动
- Storyboard中的UIScrollView使用自动布局,使其能够滚动
- Storyboard中的UIScrollView使用自动布局,使其能够滚动
- Storyboard中的UIScrollView使用自动布局,使其能够滚动
- Storyboard中的UIScrollView使用自动布局,使其能够滚动
- Storyboard中的UIScrollView使用自动布局,使其能够滚动
- ios8 使用storyboard 进行自动布局(一)
- ios8 使用storyboard 进行自动布局(一)
- ios8 使用storyboard 进行自动布局(一)
- ios8 使用storyboard 进行自动布局
- ios8 使用storyboard 进行自动布局(一)
- iOS Storyboard、xib中的UIScrollView使用autolayout
- iOS---Xib或者 Storyboard中UIScrollView使用
- UIScrollView内部子控件自动布局的一些注意点
- StoryBoard布局约束注意点
- java long转换为int 类型 注意事项
- MQTT协议详解
- Nginx报错403 forbidden (13: Permission denied)的解决办法
- MFC中的UpdateData()
- IOS界面push跳转后navigationController不显示
- Storyboard/Xib使用UIScrollView进行自动布局注意点
- PID温度控制参数整定方法
- Android 实现EditText文本框(实现只输入英文和数字,监听输入状态)
- Xutils下载文件
- 数据中心的运维
- HI3518图像出现黄圈
- 同一个Subscriber在异步只能订阅一次?
- 史上最直白的朴素贝叶斯教程
- leetcode -- Reverse Nodes in k-Group -- 经典题目,要重写