6.4 使用Neon给视图添加锚点约束 [iOS开发中的神兵利器]

1. 本节课将为您演示另一款第三方的布局类库。首先确保在您的项目中,已经安装了所需的第三方库。手指双击此处查看安装配置文件。

6.4 使用Neon给视图添加锚点约束 [iOS开发中的神兵利器]_第1张图片
image

2. 根据配置文件中的相关设置,安装第三方库。安装完成之后,双击打开此处的项目文件。

6.4 使用Neon给视图添加锚点约束 [iOS开发中的神兵利器]_第2张图片
image

3. 然后在左侧的项目导航区,打开视图控制器的代码文件。

6.4 使用Neon给视图添加锚点约束 [iOS开发中的神兵利器]_第3张图片
image

4. 现在开始编写代码,首先实现关于锚点的约束关系,锚点默认位于视图的中心点的位置。

6.4 使用Neon给视图添加锚点约束 [iOS开发中的神兵利器]_第4张图片
image

5. 首先在当前的类文件中,引入已经安装的第三方类库。

6.4 使用Neon给视图添加锚点约束 [iOS开发中的神兵利器]_第5张图片
image

6. 接着给当前的类添加一个视图属性。

6.4 使用Neon给视图添加锚点约束 [iOS开发中的神兵利器]_第6张图片
image

7. 对视图进行初始化。

6.4 使用Neon给视图添加锚点约束 [iOS开发中的神兵利器]_第7张图片
image

8. 设置视图的背景颜色为橙色。

6.4 使用Neon给视图添加锚点约束 [iOS开发中的神兵利器]_第8张图片
image

9. 然后将视图添加到根视图中。

6.4 使用Neon给视图添加锚点约束 [iOS开发中的神兵利器]_第9张图片
image

10. 通过视图对象的扩展方法,将视图的锚点,固定在父视图的中心位置,并设置视图对象的宽度和高度都是100。

6.4 使用Neon给视图添加锚点约束 [iOS开发中的神兵利器]_第10张图片
image

11. 添加一个方法,用来响应子视图的布局,即将发生变化时的事件。

6.4 使用Neon给视图添加锚点约束 [iOS开发中的神兵利器]_第11张图片
image

12. 当布局即将发生变化时,重新设置视图的约束关系。接着点击左上角的[编译并运行]按钮,启动模拟器预览项目。

6.4 使用Neon给视图添加锚点约束 [iOS开发中的神兵利器]_第12张图片
image

13. 模拟器启动之后,在屏幕的中心位置,显示了一个宽度和高度都是100的橙色视图。接着依次点击[硬件 > 向左旋转]命令,改变模拟器的方向。

6.4 使用Neon给视图添加锚点约束 [iOS开发中的神兵利器]_第13张图片
image

15. 当模拟器的方向发生变化时,橙色视图仍然保持原来的尺寸,并且始终位于模拟器的中心位置。最后点击此处的[停止]按钮,关闭模拟器并结束本节课程。

6.4 使用Neon给视图添加锚点约束 [iOS开发中的神兵利器]_第14张图片
image

本文整理自:《app开发中的神兵利器》,真正的[手把手]教学模式,用最快的速度上手iOS开发,苹果商店App Store免费下载:https://itunes.apple.com/cn/app/id1209739676,或扫描本页底部的二维码。课程配套素材下载地址:资料下载

6.4 使用Neon给视图添加锚点约束 [iOS开发中的神兵利器]_第15张图片
apps8 2.png

你可能感兴趣的:(6.4 使用Neon给视图添加锚点约束 [iOS开发中的神兵利器])