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

相关文章
WPF-样式问题-ListBox或ListView中子项全填充去除边线问题
WPF-样式问题-ListBox或ListView中子项全填充去除边线问题
206 0
WPF-样式问题-处理ListBox、ListView子项内容全填充问题
WPF-样式问题-处理ListBox、ListView子项内容全填充问题
265 0
|
Android开发 iOS开发
IOS开发之UIScrollView约束布局
IOS开发之UIScrollView约束布局
431 0
|
Swift
Swift之设置UItextField的占位文字颜色颜色
Swift之设置UItextField的占位文字颜色颜色
268 0
Swift之设置UItextField的占位文字颜色颜色
|
XML Java 开发工具
关于RecycleView的overScrollMode属性的一点探索
这个属性本身没有特别重要的功能,只是针对滑动做的一个动效,算是锦上添花的一个东西吧。 这个属性是在Sdk 21之后添加的,故在21之前的版本上无法显示。
1282 0