美文网首页
StoryBoard(xib)Scrollview 约束

StoryBoard(xib)Scrollview 约束

作者: 暴躁的小豆子 | 来源:发表于2019-08-09 12:10 被阅读0次

应用场景 

                1 界面控件不多  一屏幕可以放下 带下拉刷新的

                2 个人中心  为了适配各种机型(一屏幕放不下 可以滚动)

Scrollview添加约束 添加view view添加约束 会报错,不用管继续走 view添加约束

这里为了看出效果给view 添加了一个红色背景

场景一效果

到这里场景一基本就可以满足了,垂直方向滚动 Horizontal 设为0 ,为了保证垂直居中,水平方向滚动 Vertical 设为0 ,我这里设置Vertical = 0.5是为了让scrollview在垂直方向有个滚动的效果 滑动后弹回,(如果设置的大了 contentsize 就大了,滚动不弹回 无法达到刷新效果 )

效果:

效果图

场景二  : 在场景一的基础上把Vertical 改成0 这样垂直方向也不能滚动了 ,添加子控件,此次添加如图(下图)的控件

添加子控件

到这里 我们关键的两部就到了

1. 去掉Vertical 这个约束 让控件根据约束自行设置(去掉这个约束后,会报错,不用理它,继续往下走)

设置约束

2.去掉红色view原有的底部约束,让黑色底部view 跟 红色的view 添加等底的约束

设置约束 添加约束

这样的话 报错就没有了 展示下 效果

效果

代码连接:Demo

相关文章

网友评论

      本文标题:StoryBoard(xib)Scrollview 约束

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