美文网首页
iOS xib创建ScrollView

iOS xib创建ScrollView

作者: 陶小亮 | 来源:发表于2020-12-21 17:34 被阅读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大佬看到此文章,希望能评论区指点一二,笔者在这里不胜感激。

    相关文章

      网友评论

          本文标题:iOS xib创建ScrollView

          本文链接:https://www.haomeiwen.com/subject/nbarnktx.html