iOS | Interface Builder | 一些使用技巧


ScrollView篇

  • ContentSize与屏幕等比

  1. 添加UIView[或StackView]做ContentView


    添加ContentView
  2. 设置滚动方向


    设置横向滑动
  3. 设置宽度
    3.1. control + 右键 拖向控制器的 View
    拖出选项

    3.2. 选择 Equal Widths,若竖向可选择 Heights
    与屏幕等宽

    3.3. 设置 Multiplier 为合适的比例
    设置比例

    3.4. 可见contentSize已设置完成

UIView篇

  • 等宽视图

  1. 约束方式 - (可自由调整间距与边距)
    1.1. 先创建三个小视图
    三个颜色的UIView

    1.2. 红色UIView 添加 top、left 约束,(截图 Width 勾错了,应该是 Height
    左约束

    1.3. 绿色UIView 添加 top、对红色UIView-left 约束,(截图 Width 勾错了,应该是 Height
    中约束

    1.4. 黑色UIView 添加 top、对绿色UIView-left、right 约束
    右约束

    1.5. 选中 redView greenView blackView 一键添加 Equal Widths
    添加等宽约束

    1.6. 可见已经等宽
    约束完成

    1.7. 约束方式在于调整间距与边距更加方便~

------分隔------

  1. StackView方式 - (一般使用等边距) -iOS9后可使用
    2.1. 清除所有约束
    Clear Contraints

    2.2. 使用 StackView,给其添加约束后,开始使用
    转换StackView

    2.3. 修改属性
    属性调整
Axis -- 方向
Distribution -- 等比关系
Spacing -- 间距
  • 完成啦,缺点就是间距是相等的,不能像约束一样做 非对称视图

约束优先级

  1. 普通约束,可见 Red ViewGreen Button 有了依赖约束 Tralling Spacing
    相对约束
  2. 由于 Red View 并没有添加 Width 约束,若设置 Green Button.Hidden 隐藏,那么这条 Tralling 就会失效,因此需要一条新的约束保持约束平衡
    依赖SuperView的约束
  3. 此时两条约束产生了 冲突

我们需要接受:

当一条有效约束失效后,另一条约束才生效(当仅且有一条相同类别约束生效)

因此需要设置 约束优先级 : Priority

修改约束优先级

  1. 最后,将 Green Button 进行隐藏
    4.1 Red ViewGreen Button 的约束依赖被打断
    4.2 Red View 将使用低优先级约束进行 求值
    4.3 Red View 根据低优先级约束,适应屏幕

你可能感兴趣的:(iOS | Interface Builder | 一些使用技巧)