6.3 添加edges/top/bottom/leading/trailing的约束 [iOS开发中的神兵利器]



1. 本节课将为您演示,如何给位于滚动视图中的标签视图添加约束关系。首先在左侧的项目导航区,打开视图控制器的代码文件。


2. 接着开始编写代码,创建一个滚动视图,并在滚动视图中添加一个标签控件。


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


4. 然后初始化一个布尔变量,用来标识是否已经给视图对象添加了约束关系。


5. 接着依次初始化一个滚动视图控件,和一个内容视图控件,作为当前类的两个属性。


6. 添加一个标签控件,作为当前类的第四个属性。


7. 对标签控件进行初始化操作,然后设置标签控件的背景颜色为橙色。


8. 设置标签控件不限制内容的行数。


9. 设置文字在超过标签视图边界时的换行模式:按单词分割换行,标签末尾不会出现被分割的单词。


10. 设置标签控件的文字颜色为白色。


11. 接着设置标签控件的文字内容,并返回设置好的标签控件。


12. 将滚动视图添加到根视图中。


13. 设置内容视图的背景颜色为棕色。


14. 将内容视图添加到滚动视图中。


15. 然后将标签控件,添加到内容视图中。


16. 调用视图对象的刷新约束的方法。


17. 添加一个方法,用来刷新视图的约束关系。


18. 当还没有给视图对象添加约束时,给五个视图添加约束关系。


19. 首先给滚动视图添加约束关系。


20. 在滚动视图和根视图之间建立约束关系,设置滚动视图和根视图的边距为0,即滚动视图的显示区域始终和根视图保持相同。


21. 接着给内容视图添加约束关系。


22. 在内容视图和滚动视图之间建立约束关系,设置内容视图和滚动视图的边距为0,即内容视图的显示区域始终和滚动视图保持相同。


23. 设置内容视图的宽度,等于滚动视图的宽度。


24. 继续给标签控件添加约束关系。


25. 设置标签控件的顶边和底边,与父视图保持20点的间距。


26. 设置标签控件的左边和右边,同样和父视图保持20点的间距。


27. 然后更改布尔变量的值,标识当前已经完成对三个控件的约束。




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

0