美文网首页
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