4.5 UILabel自定义文字样式 [iOS开发-Xcode教程]

1. 在欢迎窗口右侧的历史项目列表中,双击打开之前创建的单视图项目模板。

2. 本节课将为您演示,如何创建一个自定义的标签对象。首先打开一个空白项目,在项目文件夹上,点击鼠标右键,弹出右键菜单。

3. 在弹出的右键菜单中,选择创建文件选项。

4. 保持默认的选项,点击下一步按钮,进入下一步设置页面。

5. 在类名输入框内,输入类的名称。

6. 点击父类的名称输入框。

7. 在父类名称输入框内,输入父类的名称。

8. 这里选择创建一个以标签为父类的子类。点击下一步按钮,进入下一步设置页面。

9. 保持类文件默认的存储位置,点击创建按钮,确认类的创建。

10. 现在开始编写代码,实现自定义的标签对象,并给标签添加描边效果。

11. 首先重载父类的绘图方法。这样就可以从底层来自定义标签的形状了。

12. 获取当前图形环境的上下文。

13. 设置在上下文中,文字的渲染模式为描边模式。

14. 设置文字描边的边框宽度为2。

15. 设置文字描边的顶点连接方式为圆角方式。

16. 设置文字的描边颜色为白色。

17. 将文字的描边信息,绘制在指定区域内。

18. 设置在上下文中,文字渲染模式为填充。

19. 创建一个颜色为黑色的颜色对象。

20. 设置文字颜色为黑色。

21. 将文字的填充信息,绘制在指定区域内。然后选择编辑视图控制器类文件。

22. 现在开始创建自定义标签,并添加到当前视图控制器的根视图。

23. 初始化一个自定义标签对象。

24. 然后设置自定义标签对象的位置为(120, 180),尺寸为(240, 120)。

25. 接着设置自定义标签对象的文字内容。

26. 设置自定义标签对象的字体和大小。

27. 将自定义标签对象,添加到当前视图控制器的根视图。

28. 设置根视图的背景颜色为紫色。然后点击左上角的[编译并运行]按钮,打开模拟器预览项目。

29. 在弹出的模拟器中,观察自定义样式的标签视图,然后点击[停止]按钮,关闭模拟器,并结束本节课程。

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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 翻译自“Collection View Programming Guide for iOS” 0 关于iOS集合视...
    lakerszhy阅读 9,387评论 1 22
  • 学生时代听说过杨绛先生的大名,在网上也陆陆续续看过她的一些文章,心中充满了崇拜之情,直到朋友和我推荐了这本书,才第...
    我在灯火阑珊处阅读 4,449评论 2 6
  • 一.头部区域 展现信息展示/交互逻辑功能逻辑备注 海报hover后海报置灰出现播放按钮 包含左上角角标【vip】【...
    TysonFury阅读 1,837评论 0 0
  • 铁马冰河 散落花白须发:上苍! 一声喟叹里 结束一个英雄的故事 而 婉转哀啼 贵人妩媚倩影 上下顿挫 时浅时深 踏...
    画画的张平阅读 1,819评论 0 0
  • 近日看了星云大师的一本书,又开始放飞自我,不知所云。 先有蛋还是先有鸡的问题 人为什么活着?活着的意义是什么?这些...
    听禅落雪阅读 1,850评论 3 0

友情链接更多精彩内容