美文网首页
swift xib中使用uiscrollview

swift xib中使用uiscrollview

作者: 喵喵粉 | 来源:发表于2020-03-19 14:55 被阅读0次

    步骤

    1. view上拖放scrollview,设置scrollview的上下左右4个约束
    2. scrollview上添加view(vBg),做为contentview,设置vBg的上下左右4个约束,
      要点vBg的约束不使用Frame Layout Guide而使用superView即scrollview来约束
    • 垂直方向滚动:定宽度,设置vBg的宽度约束:==scrollview的宽度
    • 水平方向滚动:定高度,设置vBg的高度约束:==scrollview的高度
    1. 添加子view,设置其约束

    小技巧:先临时设置view的高度,等子view的约束拉完就可以删掉

    步骤1
    • 约束从Frame Layout Guide改到scrollview
    步骤2

    或者可以选中scrollview,去掉content layout guides

    image.png
    • 垂直方向滚动:定宽度
      ctl拖线
    步骤3.1

    设置vBgscrollview的宽度约束

    image.png
    • 水平方向滚动:定高度
      ctl拖线
    步骤3.1 步骤3.2
    • 横向滚动效果.gif
    a.gif
    • 垂直滚动效果图.gif
    效果图.gif
    • 更新:
      遇到报错Content and frame layout guides before iOS 11.0
      :选中scrollview,取消勾选Content Layout Guides
    image.png

    相关文章

      网友评论

          本文标题:swift xib中使用uiscrollview

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