最近项目以 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 则会出现
6.获取控制器
首先需要给每个控制器设置 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 以下。