使用表格视图:运行时表现、约束设置与代码实现
运行时窗口调整问题
在运行程序时,当我们点击 Xcode 窗口左上角的运行按钮后,拖动窗口右下角调整大小,可能会遇到布局混乱的问题。比如窗口垂直拉伸、水平缩小时,外观框可能向下扩展,备注框和基本信息框可能水平缩小,基本信息框甚至可能变得杂乱。
我们期望的窗口布局行为如下:
- 原有的所有 UI 元素(NSBox 中的项目)保持相同大小,并固定在窗口右侧。
- 两个新按钮保持相同大小,彼此间距不变,固定在表格视图下方的窗口左侧。
- 新的表格视图在窗口扩大时,能在水平和垂直方向上扩展,固定在窗口左侧,且在两个方向上都不小于当前大小。
- 表格视图右侧的框与表格视图保持一定距离。
Cocoa Auto Layout 与约束
从 Mac OS X Lion 开始,Cocoa 通过 Auto Layout 系统处理窗口调整大小的问题。Auto Layout 使用优先级约束来指定调整行为,这些约束可以声明视图的最小或最大尺寸、子视图之间需要保留的关系、视图与其父视图的关系等。
约束可以表达各种关系,如“等于”“小于”“大于”,可以是一对视图之间的关系,也可以是视图与常量的关系。例如:
- “myButton’s width = 87”:表示按钮宽度固定为 87 点。
- “myButton’s height >= 32”:表示按钮高度不小于 32 点。
每个约束都有一个优先级,范围从 1 到 1000。优先级高的约束会先被满足,如果两个冲突的约束无法同时满足,优先级高的约束将生效,优先级低的约束将被违反。例如:
超级会员免费看
订阅专栏 解锁全文
822

被折叠的 条评论
为什么被折叠?



