iOS xib创建ScrollView

2020-12-21  本文已影响0人  陶小亮

小编的语言表达能力不是很强,希望看到的大佬能理解我的意思,如果有什么问题欢迎各位大佬评论区留言。

今天突然在一个开发群里看到一个朋友发出了这样一个问题:

为什么我的xib中拖拽了一个ScrollView,contentSize也设置了,但是没有滑动的效果。于是我出于好奇的就尝试了下利用xib去拖拽一个ScrollView试一下是不是会出现群里的朋友出现的问题。

项目是基于Xcode11.7版本

1

我首先简单的新建了一个HomeView,创建了对应的xib文件,得到如下图所示

2

然后拖拽了一个ScrollView,在ScrollView上放了三个不同颜色的View

3

在没有添加任何约束的情况下,我运行了下,……唔……………

然后一个个开始添加约束

首先给ScrollView添加约束:

4

好家伙直接报约束错误

5 6

然后我暂时没有管这个。

接下来给红色的View添加约束:

7

给黄色View添加约束

8

给紫色View添加约束

9

添加完之后,发现还是会有一个红点存在,点击查看之后发现

10 11

点击Add Missing Constraints 之后发现:

12

多了这两个约束。经过检查发现,这两个约束分别是红色View的CenterX和紫色View的bottom Edges 。

我们删除这两个约束,自己加一下先

13 14

添加完成之后发现约束报错已经没有了。我们尝试下修改这个ScrollView的contentSize 

15

运行完成之后发现滚动条是可以滑动的,但是ScrollView上面的界面却不随着滑动。发现xib中的这个:

16

重新运行没发现什么问题。

总结一下:

    1.首页正常约束自己的控件,scrollView上面的最顶部的View需要设置下  Horizontal Centers。(查看图片 13)

    2.且最底部的View需要设置下Bottom Edges 。(查看图片 14)

    3.最后去掉ScrollView的Content Layout Guides  (查看图片 16)

Tip 我对Xib应用的不是很熟,也是正在摸索中,如果有xib大佬看到此文章,希望能评论区指点一二,笔者在这里不胜感激。

上一篇下一篇

猜你喜欢

热点阅读