使用AutoLayOut为UIScrollView添加约束图解及

作者: 寒桥 | 来源:发表于2015-11-25 10:26 被阅读228次

    1.在ViewController中拖入1个UIScrollView,并为其添加约束,约束为上下左右四边与superview对齐

    创建UIScrollView约束

    2.在scrollview中,拖入1个UIView,为了便于区分将其设为蓝色。为view添加约束,约束为上下左右四边与superview对齐,添加完这些约束后,我们发现出现了错误,不要理会

    添加View相当于是ContentView进行约束

    3.为view添加宽度约束,本例中,想达到的效果是scrollView可以竖向滚动,不要横向滚动,因此,可以将view的宽度约束为与scrollView相同

    给View添加与ScrollView相同宽度的约束

    4.接下来为view添加高度约束

    为View添加高度约束

    这时候你会愉快的发现约束错误已经消失!

    5.为了验证scrollView是否可以正确滑动我们在scrollView中View添加一个红色的view

    测试

    至此,约束全部添加完成。需要滚动的内容都可以在黄色view中添加。点击运行查看效果可以看到scrollview可以按照预期滑动


    总结:UIScrollView添加约束要点

    1.scrollView与scrollView的superview的约束关系用来确定scrollView的frame

    2.scrollView中的『contentView』(本例中的蓝色view)的约束关系用来确定scrollView的contentInsets

    3.contentView的宽度和高度用来确定scrollView的contentSize

    理解这3个要点,即可愉快的为scrollView添加约束

    相关文章

      网友评论

        本文标题:使用AutoLayOut为UIScrollView添加约束图解及

        本文链接:https://www.haomeiwen.com/subject/giorhttx.html