iOS Scrollview 最佳实践

  • 横向scrollview
  • 纵向scrollview

代码实现

参考链接

Storyboard实现

横向scrollview

  • 先确定ScrollView的Frame,确定top、left、right、hight。


    iOS Scrollview 最佳实践_第1张图片
  • 添加一个ContainerView,这个View是用来确定ScrollView的contentSize。ContainView,上下左右与ScrollView距离为0


    iOS Scrollview 最佳实践_第2张图片
  • 因为我们要实现的是横向scrollview,所以先确定ContainerView的高度hight,至于ContainerView的Width就看他内部View的Width有多大。 设置ScrollView和ContainView同高hight


    iOS Scrollview 最佳实践_第3张图片
    同时选择ScrollView和ContainView,同高
  • 这个时候还是会有红色,是因为没有确定ContainerView的width。如果我们随便给ContainerView已width,都能确定scrollview的contentSize。如果ContainerView的width设置的大小大于scrollview的width,此时scrollview是可以横向滑动的。
    设置ContainerView的width为1000,背景色为蓝。


    iOS Scrollview 最佳实践_第4张图片
  • 横向滑动完成。实际项目中,ContainerView的width会根据其subview来确定。

纵向scrollview

跟横向scrollview思路一样,只不过要确定scrollView的width,然后根据Containerview的higth来纵向滑动

参考链接

uiscrollview-with-autolayout

你可能感兴趣的:(iOS Scrollview 最佳实践)