前言:网上一直没有找到用Swift开发IOS的好的教程,所以找了官网的文档翻译一下算了。如有错误欢迎指正。博主首发CSDN,mcf171专栏。
博客链接:mcf171的博客
原文链接:Implement a Custom Control
——————————————————————————————
在本次课程中,我们将让FoodTracker app支持打分的功能。最终完成的图如下:
学习目标
在本次课程中,你可以了解到:
- 创建和关联自定义代码和在storyboard中的元素
- 定义一个自定义类
- 实现一个自定义类的初始化器
- 使用UIView作为容器
- 知道如何通过编程的方式展现视图
创建一个自定义视图
为了能够对一个菜品进行打分,用户需要一个控制器通过选取星星的个数来进行打分。有很多种方式可以实现这种功能,但是我们主要关注的是如何创建一个自定义视图然后在storyboard中使用。
下图是打分控制器的实现效果:
打分控制器可以让用户选择0,1,2,3,4或者5来对菜品进行打分。当一个用户点击一个星星的时候,所有的星星将从左到用户点击星星的位置。黑色的表示选中的,白色则相反。
为了设计这个UI、交互和控制器的行为,我们通过创建一个UIView的子类来实现。
创建一个UIView 的子类
1、选择File > New > File (or press Command-N).
2、在所编的对话框中选择iOS中的Source
3、选择Cocoa Touch Class,然后点击Next
4、在Class的选项中填写:RatingControl
5、在Subclass of中选取UIView
6、设置编程语言为Swift
7、下一步
选择存储的目录
Group 选项默认是 app 名称
8、点击创建
Xcode将生成一个RatingControl.swift文件
9、在RatingControl.swift中删除注释。
<