iOS开发中的神兵利器

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

2018-04-12  本文已影响6人  互动教程网

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

image

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

image

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

image

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

image

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

image

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

image

7. 对视图进行初始化。

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

apps8 2.png
上一篇下一篇

猜你喜欢

热点阅读