XIB或者Storyboard 使用UIScrollView 方法(2019-12-30)

在开发中经常使用UIScrollView展示信息,为了快速开发,我们经常使用XIB 或者 Storyboard.在最近的开发中就使用到了,并且也遇到了一些困难,查找资料之后终于成功了,为了能够帮助其他人.所有整理着这片资料供大家参考.

第一步:拖入一个UIScrollView,可能会报错,需要把content Layout Guides取消掉,然后设置UIScrollView相对于父视图四周的约束

第一步.png

第二步: 设置好UIScrollView的四周约束之后,再设置其滚动方向(Horizontally in Container 是竖直方法; Vertically in Container 是水平方向)

第二步.png

第三步: 拖入一个UIView,作为UIScrollView的内容视图,并且名字为contentView(名字可以根据自己喜好取).并设置contentView相对于UIScrollView四周的约束为0,然后再点击设置contentView暂时的高度.

第三步.png

第四步:再设置contentView的滚动方向(Horizontally in Container 是竖直方法; Vertically in Container 是水平方向)

第四步.png

第五步: 根据自己需要拖入控件.这里拖入两个UILabel作为演示.其中:一定要设置最下面控件距离contentView底部的约束.然后再设置最下面控件的高度.

第五步.png

第六步:设置最后一个控件的高度让其>=

第六步.png

第七步:设置contentView高度让其>=

第七步.png

这样就实现了用XIB 或 Storyboard实现UIScrollView. 如果有什么不明白的地方,欢迎留言.