iOS 开发:基础交互与更多用户界面功能实现
1. 基础交互布局设置
在进行界面布局时,若要固定右侧按钮的位置,可按以下步骤操作:
1. 选择右侧按钮。
2. 按下“Pin”按钮。
3. 点击方块右侧的橙色虚线(因为要将此按钮固定到其父视图的右侧)。
4. 在输入框中输入“32”。
5. 按下“Add 1 Constraint”。
完成上述操作后,虽然已应用了所需的所有约束,但活动视图中可能仍会有警告。这是因为按钮未处于正确的运行时位置。解决此问题,可再次使用“Resolve Auto Layout Issues”按钮,具体步骤如下:
1. 点击该按钮(最右侧的按钮)打开弹出窗口。
2. 从底部选项组中点击“Update Frames”。选择底部选项组的原因是需要调整视图控制器中所有视图的框架。
完成这些操作后,警告应会消失,布局也最终完成。在 iPhone 模拟器上运行应用程序,会看到与预期相近的结果。点击右侧按钮,会显示“Right button pressed”;点击左侧按钮,标签文本会变为“Left button pressed”。在 iPad 模拟器上运行时,由于屏幕更宽,按钮间距会更大,但布局依然有效,这体现了自动布局的强大之处。
2. 布局预览功能
布局完成后,可使用 Xcode 的布局预览功能,具体操作如下:
1. 返回 Xcode,选择“Main.storyboard”。
2. 若助手编辑器未显示,则打开它。
3. 在助手编辑器顶部跳转栏的左侧,当前选择通常为“Automatic”(除非之前已更改为“Manual”以选择
超级会员免费看
订阅专栏 解锁全文

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



