iOS Storyboard 一些技巧总结

最近项目以 Storyboard 为主，代码量减少了不少，然后总结了一些可用的小技巧。

1.可视化坐标距离

选中一个 View，然后按住 option 并将鼠标移动到其他 View，即可看到对应的距离

间距

2.添加辅助线

添加：点击某个 View，按下 shift+Command+- 添加横向辅助线，shift+Command+| 添加纵向辅助线，添加的位置都是左右/上下居中的
或者选择（感觉作用不大）

辅助线

移动：光标移动到线上时会出现可拖动的按钮，按住 左右/上下 拖动到想要的位置，拖动时可以看到辅助线线距离视图 左右/上下 的距离

删除：拖动到视图以外的地方即可删除，类似于断点删除

3.清除某个视图的所有约束

清除约束

4.拖线方式

如果直接左右会显得太窄，可以设置上下布局
如果没有自动展示对应的 View 可以按住 option 键然后点击需要打开的文件即可

自动选择

布局方式

5.利用 @IBInspectable 减少代码设置

    @IBInspectable var borderColor: UIColor? {
        get {
            guard let color = layer.borderColor else { return nil }
            return UIColor(cgColor: color)
        }
        set {
            guard let color = newValue else {
                layer.borderColor = nil
                return
            }
            // Fix React-Native conflict issue
            guard String(describing: type(of: color)) != "__NSCFType" else { return }
            layer.borderColor = color.cgColor
        }
    }

设置后 Storyboard 则会出现

IBInspectable

6.获取控制器

首先需要给每个控制器设置 Storyboard ID

Storyboard ID

然后获取：

// 先获取 Storyboard
let sb = UIStoryboard(name: "Main", bundle: nil)
let vc = sb.instantiateViewController(withIdentifier: "ViewController") as? ViewController

7.UITableView 静态表

布局静态表的时候只能使用 UITableViewController
选中 TableView 视图，在右侧属性栏 - Table View 栏目下修改 Content 的类型为 Static Cells 即可设置 cell

8.选择对齐视图

我们可以选择是安全区域还是整个 View 以下。

区域选择