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

相关文章
|
Android开发 iOS开发
IOS开发之UIScrollView约束布局
IOS开发之UIScrollView约束布局
417 0
|
Windows
C#-利用自定义控件绘制一个箭头控件
利用自定义控件绘制一个箭头控件
693 0
UIViewController关联两个xib(Iphone5下使用xib)
UIViewController关联两个xib(Iphone5下使用xib)
54 0
UIViewController关联两个xib(Iphone5下使用xib)
|
开发工具
UIView的clipsTobounds属性
UIView的clipsTobounds属性
121 0
UIView的clipsTobounds属性