4.5 UILabel自定义文字样式 [iOS开发-Xcode教
2018-04-11 本文已影响1人
互动教程网
1. 在欢迎窗口右侧的历史项目列表中,双击打开之前创建的单视图项目模板。
![](https://img.haomeiwen.com/i5981183/04b88cc9e56c753b.png)
2. 本节课将为您演示,如何创建一个自定义的标签对象。首先打开一个空白项目,在项目文件夹上,点击鼠标右键,弹出右键菜单。
![](https://img.haomeiwen.com/i5981183/5155296defc1fbf9.png)
![](https://img.haomeiwen.com/i5981183/442e929833ad2013.png)
4. 保持默认的选项,点击下一步按钮,进入下一步设置页面。
![](https://img.haomeiwen.com/i5981183/20ebc97871a51d56.png)
![](https://img.haomeiwen.com/i5981183/d9700020989b1b99.png)
![](https://img.haomeiwen.com/i5981183/3a6413420f337226.png)
8. 这里选择创建一个以标签为父类的子类。点击下一步按钮,进入下一步设置页面。
![](https://img.haomeiwen.com/i5981183/b9c12862e4defcb1.png)
9. 保持类文件默认的存储位置,点击创建按钮,确认类的创建。
10. 现在开始编写代码,实现自定义的标签对象,并给标签添加描边效果。
![](https://img.haomeiwen.com/i5981183/889043b4bd7fd45f.png)
11. 首先重载父类的绘图方法。这样就可以从底层来自定义标签的形状了。
![](https://img.haomeiwen.com/i5981183/911a45911e23a285.png)
![](https://img.haomeiwen.com/i5981183/f5c79114dc77046f.png)
![](https://img.haomeiwen.com/i5981183/a324c9fcb261fbad.png)
![](https://img.haomeiwen.com/i5981183/6305d484c308c7c2.png)
![](https://img.haomeiwen.com/i5981183/db9ab8ba82114b82.png)
![](https://img.haomeiwen.com/i5981183/7c32ff769008d188.png)
![](https://img.haomeiwen.com/i5981183/2786bcf5c8e385d7.png)
![](https://img.haomeiwen.com/i5981183/db0280471cf4b655.png)
![](https://img.haomeiwen.com/i5981183/9c13abf1fad06c84.png)
![](https://img.haomeiwen.com/i5981183/1a2cb71d2605e58e.png)
21. 将文字的填充信息,绘制在指定区域内。然后选择编辑视图控制器类文件。
![](https://img.haomeiwen.com/i5981183/d5b213f8fedbaa8f.png)
22. 现在开始创建自定义标签,并添加到当前视图控制器的根视图。
![](https://img.haomeiwen.com/i5981183/9bad9d75bdc46899.png)
![](https://img.haomeiwen.com/i5981183/6ebb983a7abd36b8.png)
24. 然后设置自定义标签对象的位置为(120, 180),尺寸为(240, 120)。
![](https://img.haomeiwen.com/i5981183/4b8044b7d1c5f0d6.png)
![](https://img.haomeiwen.com/i5981183/b55bcf9a2adbe3eb.png)
![](https://img.haomeiwen.com/i5981183/c6f7309e616796c3.png)
![](https://img.haomeiwen.com/i5981183/c5507cd20defaa6a.png)
28. 设置根视图的背景颜色为紫色。然后点击左上角的[编译并运行]按钮,打开模拟器预览项目。
![](https://img.haomeiwen.com/i5981183/0fe4cdb0b7d3e32e.png)
29. 在弹出的模拟器中,观察自定义样式的标签视图,然后点击[停止]按钮,关闭模拟器,并结束本节课程。
![](https://img.haomeiwen.com/i5981183/0780af6aa000dfec.png)
![](https://img.haomeiwen.com/i5981183/12637d7f75438573.png)
本文整理自:《互动教程 for Xcode9 & Swift4》,真正的[手把手]教学模式,用最快的速度上手iOS开发,苹果商店App Store免费下载:https://itunes.apple.com/cn/app/id1063100471,或扫描本页底部的二维码。课程配套素材下载地址:资料下载