文档章节

Storyboard中的UIScrollView使用自动布局,使其能够滚动

W
 Who_Care_Who
发布于 2015/08/19 20:26
字数 569
阅读 17
收藏 1

在使用storyboard和xib时,我们经常要用到ScrollView,还有自动布局AutoLayout,但是ScrollView和AutoLayout 结合使用,相对来说有点复杂。根据实践,我说一下我的理解,在故事板或xib中,ScrollView是根据其下面的一个View的大小来确定ContentSize的大小。

看一下效果




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了。 


本文转载自:

W
粉丝 1
博文 69
码字总数 28284
作品 0
海淀
私信 提问
在Storyboard中对UIScrollView使用autolayout自动布局应该注意的地方

尝试在Storyboard中对UIScrollView使用autolayout自动布局,遇到了种种麻烦,记录一下 1、UIScrollView在StoryBoard中的布局 在StoryBoard中使用UIScrollView一定要用下图中的这种布局,如果...

yoyoso
2015/03/23
14.7K
0
在UIScrollView中使用Autolayout布局(2)

在UIScrollView中使用Autolayout布局(2) 分类: iPhone开发2014-12-10 14:49 5358人阅读 评论(5) 收藏 举报 在《在UIScrollView中使用Autolayout布局(1)》中,我们介绍了一个简单的例子,在U...

法斗斗
2015/09/21
29
0
一步一步学习 iOS 6 编程(第四版)正式发布

所有范例程序及其截图都采用Xcode 4.4 和Xcode 4.5 最新版开发工具,本书包含了最新的iOS 6 开发技术,如自动布局(Auto Layout)、集合视图(Collection View)等等。 新增内容包括:分割视...

entlib
2012/10/25
837
2
IOS开发—Storyboard中的UIScrollView使用自动布局,使其能够滚动

在使用storyboard和xib时,我们经常要用到ScrollView,还有自动布局AutoLayout,但是ScrollView和AutoLayout 结合使用,相对来说有点复杂。根据实践,我说一下我的理解,在故事板或xib中,S...

TomatosX
2015/04/03
150
0
01-UI基础-04-00-UIScrollView

继承关系 1、 基本概念 1.1 什么是UIScrollView 移动设备的屏幕大小是有限的,现在直接展示用户眼前的内容也相当有限 砀山是的内容较多,超出一个屏幕时,用户可通过滚动手势来查看屏幕以为的...

口十耳
2016/01/04
22
0

没有更多内容

加载失败,请刷新页面

加载更多

好程序员大数据教程Scala系列之样例类_Option_偏函数

  好程序员大数据教程Scala系列之样例类_Option_偏函数,在Scala中Option类型样例类用来表示可能存在或也可能不存在的值(Option的子类有Some和None)。Some包装了某个值,None表示没有值。 ...

好程序员官网
5分钟前
0
0
zk中ServerCnxnFactory连接管理工厂

作为ServerCnxn的工厂抽象类 属性 ZOOKEEPER_SERVER_CNXN_FACTORY zookeeper.serverCnxnFactory secure 在ServerCnxnFactory中SSL是否启用 sessionMap session管理配置中信息(sessionId,Ser......

writeademo
6分钟前
0
0
【代码审计01】几种常见的漏洞种类以及代码审计工具

前言 代码审计是在经过黑盒测试完毕,也就是检查应用的基本功能是否符合产品业务需求下进行的。需要有一定的编码基础以及对漏洞形成原理的基本认知,通过工具或者经验检测中代码中可能出现的...

北桥苏
8分钟前
0
0
重磅发布 | 全球首个云原生应用标准定义与架构模型 OAM 正式开源

作者: OAM 项目负责人 导读:2019 年 10 月 17 日,阿里巴巴合伙人、阿里云智能基础产品事业部总经理蒋江伟(花名:小邪)在 Qcon 上海重磅宣布,阿里云与微软联合推出开放应用模型 Open A...

阿里巴巴云原生
9分钟前
0
0
【进阶之定义函数】一个查询树结构数据的集合

1、基本定义 delimiter 自定义符号  -- 如果函数体只有一条语句, begin和end可以省略, 同时delimiter也可以省略create function 函数名(形参列表) returns 返回类型  -- 注意是retru...

卯金刀GG
16分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部