1.2017-04-05 scrollview使用Autolayout

工作日志

自动布局和scrollview

• 相关资料
  
  1. Storyboard中的UIScrollView使用自动布局，使其能够滚动
  2. Auto Working with Scroll Views

• 使用autolayout来布局scrolview要注意下面几点

  • 注意 frame 和 contentSize的区别

  • 我们要先确定 scrollview的frame和contentSize这样我们就可以在scrollview中使用autolayout了

  • scrollview和外部view直接的约束都是加在scrollview的frame(这里提frame可能会有误解，其实加约束跟其他view是一样的意思)上

  • 如果是scrollview和它内部view直接的约束，取决于约束类型

    • 如果约束是关于content size，则加约束在content上
    • 如果是关于scrollview的宽和高，中心，则加约束到frame上

  • 你也可以加一个约束在scrollview内部view和scrollview外部view之间，这样可以让内部view在scrollview中行成漂浮的效果

• 使用interface Builder 创建一个scrollview

  1. 拖动scrollview 到面板上
  2. 像平常一样给 scrollview 添加位置position和大小size 的约束
  3. 给scrollview 内部拖一个view进去，把这个view 当为scrollview的content view
  4. 给view 添加四个方向的约束，距上，距下，距左，距右都是零。
     接下来我们可以添加view的长和高确定view的size 这里又分为几种不同的情况，继续往下看
  5. （可选）只让scrollview 竖直滑动，我们设置view和scrollview宽度相等（或者我们可以设置view和scrollview 中心x轴对其），设置高度为大于scrollview的高度。
  6. （可选）只让scrollview 横向滑动，设置view和scrollview的高度相等（或者设置view和scrollview的中心y对其）,设置宽度大于scrollview的宽度
  7. 也可以不设置view的长和高，这时候view的长和高根据自己内部子view的布局来扩展自己的宽和高。