前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >iOS开发之UIScrollView在Autolayout下的使用

iOS开发之UIScrollView在Autolayout下的使用

作者头像
YungFan
发布2018-04-24 15:03:01
9160
发布2018-04-24 15:03:01
举报
文章被收录于专栏:学海无涯学海无涯
一、使用的基本原则:

原则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相关。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2016.04.01 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一、使用的基本原则:
  • 二、正确的姿势
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档