1分钟搞定ScrollView约束

一分钟倒计时已经可以开始了

源码地址

UIScrollView继承于UIView,遵守NSCoding协议,这个在苹果开发中常用的视图,它的约束显得比较特别.

1. UIScrollView的特别之处在于它的内容的大小是由它的子控件决定的,即属性contentSize是由子控件计算得出的.我们能通过一个小的案例来详细了解.首先在一个ScrollView上面添加三个View.

   
   Pasted Graphic 1.png
2. 可以看到,在ScrollView上加载了三个视图后会报红,这是因为系统并不能根据我们随意放的三个View去计算得出ScrollView内容的大小,因此我们需要对三个View添加一下约束:三个视图等宽等高,以父视图为参考的距离全为0,彼此之间的距离为0

Pasted Graphic 2.png

还剩下30秒

3 .如果是普通视图,上面加的约束已经可以了,但是在ScrollView中,ScrollView的内容是靠子视图计算得出的,所以并没有结束(看看那一大堆红就知道了,心塞呢😂),此时设置三个视图中的任意一个与ScrollView等宽等高就大功告成了,其实作用就是给这三个视图一个绝对尺寸,让它能起到支撑作用,这样就能根据它们计算出ScrollView的contentSize了.

Pasted Graphic 3.png

此时设置一下ScrollView的paging,运行一下,一个基本的轮播图就出来了,终于没有报红了,看看这一片蓝色的线,当然,还有你最喜欢的一大片绿色🤣💪💪💪

还剩下10秒，休息10秒钟，奖励一下自己，搞定！