Storyboard\Xib中给UIScrollView的子控件添加约束

简介: Storyboard\Xib中给UIScrollView的子控件添加约束

Storyboard\Xib中给UIScrollView的子控件添加约束


我们发现只要拖一个控件进去Storyboard\xib中并约束好。依然会报错。

原因是:因为它是UIScrollView 比较特殊

让我来教大家怎么设置UIScrollView的子控件的约束

上下滚动的设置

1.设置好UIScrollView的约束后


fa9b8a42d9340b2f0e51a3291f4fcad8.png

Snip20160930_3.png


2.给UIScollView 添加一个唯一的子空间UIView,并且设置上下左右约束都为0(如果要上下滚动)给那个唯一子控件的高度设置为滚动的范围。


d0af6f8a657d0fbd81829d2a963953b4.png

Snip20160930_11.png


3.再设置在父控件中水平居中

7f4d01d569bf7d61d85845f0cb0c5418.png

Snip20160930_1.png

效果图:

c78f7ea98a3ce37a16b4407ba1acb044.jpg

tianjia.gif

最后如果需要控制滚动范围,因为那个作为父控件的View被固定死了高度,所以在不同的设备上很可能会存在可以滚动和不可以滚动的问题,所以建议将高度那个约束拖一根线,然后去设置constant就可以!

左右滚动的设置

1.设置好UIScrollView的约束后


fa9b8a42d9340b2f0e51a3291f4fcad8.png

Snip20160930_3.png


2.给UIScollView 添加一个唯一的子空间UIView,并且设置上下左右约束都为0(如果要左右滚动)给那个唯一子空间设置宽度的滚动范围


e552e12a97849f03dd83b68393b9b1eb.png

Snip20160930_15.png


3.。再设置在父控件中垂直居中

ee1dcf50cdf0eaa89e7b730bc0cb5858.png

Snip20160930_2.png


效果图:


3ac69e76747baa455693bc0a6cf52208.jpg

tianjis.gif

上下左右都滚动。

1.设置好UIScrollView的约束后


fa9b8a42d9340b2f0e51a3291f4fcad8.png

Snip20160930_3.png


2.给UIScollView 添加一个唯一的子空间UIView,并且设置上下左右约束都为0(上下左右都滚动)给那个唯一子空间设置宽度、高度的滚动范围


0c212aae7acd7bab1b1093f3ac9d8f0b.png

Snip20160930_17.png


3.效果图

9febd87d8d2e35fe8681ab49c522ba48.jpg

ti.gif

相关文章
|
9月前
|
C#
基本控件属性
基本控件属性
|
Android开发 iOS开发
IOS开发之UIScrollView约束布局
IOS开发之UIScrollView约束布局
349 0
UIViewController关联两个xib(Iphone5下使用xib)
UIViewController关联两个xib(Iphone5下使用xib)
37 0
UIViewController关联两个xib(Iphone5下使用xib)
|
iOS开发 开发者
iOS开发中UITableViewCell点击时子视图背景透明的解决方法
iOS开发中UITableViewCell点击时子视图背景透明的解决方法
176 0
iOS开发中UITableViewCell点击时子视图背景透明的解决方法
|
XML Java 开发工具
关于RecycleView的overScrollMode属性的一点探索
这个属性本身没有特别重要的功能,只是针对滑动做的一个动效,算是锦上添花的一个东西吧。 这个属性是在Sdk 21之后添加的,故在21之前的版本上无法显示。
1179 0
|
iOS开发
【iOS开发-8】UIButton类型属性简单归纳以及自定义按钮的设置
(1)UIButton类继承自UIControl,而UIControl继承自UIView,因为UIView就是个矩形区域,所以UIButton实例化的对象其实都是一个矩形,虽然有各种圆角、增加联系人、信息按钮等等,给它们加个背景它们就现形成矩形了,而且它们有个frame属性,这就是设置位置和矩形框的。
1093 0