使用自动布局 跨越整个基础视图宽
2016-08-23
1 0 0
暂无评分
其他
如何获取积分?
翻译 maninwest@Codeforge 作者:Sei Flavius@CodeProject
虽然自动布局极大地简化了布局用户界面的方式,但是,并不是所有人都了解如何使用。
这里将为你提供使用放置两个按钮使其跨越整个的底层视图宽度的基本步骤。
背景
iOS 6 中引入了自动布局,成为iOS 开发中不可分割的部分。
自动布局不为每个视图定义固定位置,而是使用约束条件安置屏幕上的每个元素。
使用自动布局的显著优势之一是,可以让我们创建以预期方式响应屏幕大小更改的界面(包括设备的方向更改)。
虽然可以通过编程创建约束条件,但是在这个教程中,我们将只使用 Interface Builder.
1. 向界面添加视图和控件
我们将创建一个简单的 iOS 项目:File -> New -> Project ,选择 iOS/Application 之下的 "Single View Application" 。
命名为 SFTwoButtonLayout。
2. 添加视图和控件
打开 Main_iPhone.storyboard 文件。
放置两个按钮 (UIButton) 到主视图并尝试将放置在他们应该在的大约位置
按钮可以从对象库( XCode的左下角)中拖动过来 .
3. 添加左按钮约束
在故事板中,选择左按钮并在右下角单击pin (+) 按钮.我们想添加 4 个约束- 钉到左边和顶部,设置宽度和高度
4.添加右按钮约束
在故事板中,选择右按钮并在右下角单击pin (+) 按钮,我们想添加 4 个约束 -钉到右边和顶部,设置宽度和高度
5.设置按钮间距
虽然自动布局极大地简化了布局用户界面的方式,但是,并不是所有人都了解如何使用。
这里将为你提供使用放置两个按钮使其跨越整个的底层视图宽度的基本步骤。
背景
iOS 6 中引入了自动布局,成为iOS 开发中不可分割的部分。
自动布局不为每个视图定义固定位置,而是使用约束条件安置屏幕上的每个元素。
使用自动布局的显著优势之一是,可以让我们创建以预期方式响应屏幕大小更改的界面(包括设备的方向更改)。
虽然可以通过编程创建约束条件,但是在这个教程中,我们将只使用 Interface Builder.
1. 向界面添加视图和控件
我们将创建一个简单的 iOS 项目:File -> New -> Project ,选择 iOS/Application 之下的 "Single View Application" 。
命名为 SFTwoButtonLayout。
2. 添加视图和控件
打开 Main_iPhone.storyboard 文件。
放置两个按钮 (UIButton) 到主视图并尝试将放置在他们应该在的大约位置
按钮可以从对象库( XCode的左下角)中拖动过来 .
3. 添加左按钮约束
在故事板中,选择左按钮并在右下角单击pin (+) 按钮.我们想添加 4 个约束- 钉到左边和顶部,设置宽度和高度
4.添加右按钮约束
在故事板中,选择右按钮并在右下角单击pin (+) 按钮,我们想添加 4 个约束 -钉到右边和顶部,设置宽度和高度
5.设置按钮间距
others
基础
布局
自动
使用
视图
整个
相关源码推荐
自动咖啡机源码
0
0
暂无评分
基于qt 监管软件
0
0
暂无评分
合众达常用例程
0
0
暂无评分
winform客户端自动升级
0
0
暂无评分
软件自启 源码
0
0
暂无评分
暂无评论