开发者社区> yungfan> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

iOS开发之UIScrollView在Autolayout下的使用

简介: 一、使用的基本原则: 原则1:UIScrollView的size依赖于subviews 首先在StoryBoard中拖入一个UIScrollView,用Pin按钮,随意设置其布局。
+关注继续查看

一、使用的基本原则:

原则1:UIScrollView的size依赖于subviews

首先在StoryBoard中拖入一个UIScrollView,用Pin按钮,随意设置其布局。因为设置UIScrollView的布局约束是没有用的,UIScrollView的size(即contentSize)是根据其中的subviews所占据的size来计算的。当然,如果contentSize的内容不足以布满整个UIScrollView时,滚动条将不会出现,UIScrollView也不会滚动。

原则2:subviews的size不能依赖于UIScrollView

因为UIScrollView的size依赖于subviews,而如果subviews的size再依赖于UIScrollView,就类似于操作系统中的死锁了,布局引擎就混乱了,无法工作。

二、正确的姿势

1、在StoryBoard中拖入一个UIScrollView。

2、设置UIScrollView的约束。例如Pin上、下、左、右边距都为0,此时UIScrollView将占据整个ViewController’s view的界面。

3、拖入一个UIView作为ScrollView的子控件,这个控件就是作为容纳真正布局中控件的父控件,比如命名为contentView。约束contentView的宽和高,使其能满足布局需要,能够摆放下所有你想摆放的控件(一般来说都会超过屏幕的大小)。例如:width 等于ViewController’s view 的width,height等于1000。

4、设置 contentView 的Pin约束,上下左右都为0。Why?明明设置了宽和高了呀,如果不做这一步,UIScrollView还是不能滚动,因为这4个Pin约束实际上是用于告诉UIScrollView:我会把你的内容“撑到”多大。即contentSize必须根据contentView的4条边来确定,而不是根据别的方式。这样,UIScrollView就把contentSize的4条边和contentView的4条边关联起来了。如果contentView的4条边发生变化,UIScrollView会自动调整contentSize。

5、接下来就是在contentView上布局项目中需要的界面了。例如在UIView左上角放了一个Label(约束:top、leading),右下角放了一个Label(约束:bottom、trailing)。注意,这些约束都只是和contentView相关,没有和UIScrollView相关。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
iOS开发笔记--UIView中的坐标转换
<div class="dp-highlighter bg_objc" style="font-family:Consolas,'Courier New',Courier,mono,serif; background-color:rgb(231,229,220); width:812.96875px; overflow:auto; padding-top:1px; line-height:
1020 0
iOS开发笔记--Layer 图层圆角、边框 、底纹其他常用操作
<ol start="1" class="dp-objc" style="padding:0px; border:none; list-style-position:initial; color:rgb(92,92,92); font-family:Consolas,'Courier New',Courier,mono,serif; line-height:26px; margin:0px
2168 0
IOS开发笔记 IOS如何访问通讯录
    IOS开发笔记  IOS如何访问通讯录 其实我是反对这类的需求,你说你读我的隐私,我肯定不愿意的。 幸好ios6.0 以后给了个权限控制。当打开app的时候你可以选择拒绝。
939 0
IOS开发笔记
1 iphone开发笔记 2 3 退回输入键盘 4 - (BOOL) textFieldShouldReturn:(id)textField{ 5 [textField resignFirstRespo...
1792 0
IOS开发笔记
http://luoyl.info/blog/2012/03/iphone-ipad-icons/  主要包含字体,邮件,怎么获得系统的版本,应用商店的审核,本地化,怎么存储用户敏感信息
551 0
iOS开发笔记 5、开发工具Xcode,Inteface Builder
开发工具使用Mac的安装盘或从apple站点下载 Xcode 开发代码使用 扩展名的分类 application delegate 需要处理的内容 ƒAt launch time, it must create an application’s windows and display them to the user.
639 0
iOS开发笔记 2、Cocoa简明
历史 NeXSTEP Many years ago Cocoa was known as NeXTSTEP . NeXT Computer developed and released version 1.
889 0
+关注
yungfan
中国&middot;芜湖 80后&middot;理工男 软件开发工程师 移动应用开发专业教师 技术方向:iOS、Android、Java
98
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载