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. 约束方式在于调整间距与边距更加方便~

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

2. StackView方式 - (一般使用等边距) -iOS9后可使用
   2.1. 清除所有约束
   
   Clear Contraints
   
   2.2. 使用 StackView，给其添加约束后，开始使用
   
   转换StackView
   
   2.3. 修改属性
   
   属性调整

Axis -- 方向
Distribution -- 等比关系
Spacing -- 间距

• 完成啦，缺点就是间距是相等的，不能像约束一样做 非对称视图

约束优先级

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

我们需要接受：

当一条有效约束失效后，另一条约束才生效（当仅且有一条相同类别约束生效）

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

修改约束优先级

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