1. 在欢迎窗口右侧的历史项目列表中,双击打开之前创建的单视图项目模板。
2. 本节课将为您演示步进控件的基本用法。首先在一个空白项目中,打开视图控制器的代码文件。
3. 接着开始编写代码,实现这项功能。
4. 创建一个位置在(80, 100),尺寸为(100, 30)的显示区域。
5. 初始化标签对象,并设置其位置和尺寸。标签对象将被用来显示步进对象的值。
6. 设置标签对象的默认文字。
7. 设置标签对象的标识值,方便将来再次调用标签对象。
8. 将标签对象,添加到当前视图控制器的根视图。
9. 接着创建一个位置在(130, 100),尺寸为(0, 0)的显示区域。
10. 初始化步进对象,并设置其位置和尺寸属性。
11. 然后设置步进对象的对象大小为自适应。
12. 接着设置步进对象的默认值为0。
13. 设置步进对象的最小值为0。
14. 设置步进对象的最大值为10。
15. 设置步进对象每次递增、或递减的值为1。
16. 给步进对象,添加状态变化事件。
17. 将步进对象,添加到当前视图控制器的根视图。
18. 添加一个方法,用来处理步进对象事件。
19. 获得步进对象的值。
20. 通过标识值,获取根视图下的标签对象。
21. 设置标签对象的文本内容,为控件对象的数值。点击左上角的[编译并运行]按钮,打开模拟器预览项目。
22. 点击步进对象的加号,观察标签对象文字内容的变化。
23. 继续点击步进对象的加号,观察标签文字的变化。
24. 继续点击步进对象的加号,观察标签文字的变化。
25. 点击步进对象的减号,观察标签文字的变化。
26. 再次点击步进对象的减号,观察标签文字的变化。
27. 再次点击步进对象的减号,观察标签文字的变化。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/29d4949be6f994977790128c988d35eb.webp?x-image-process=image/format,png)
2. 本节课将为您演示步进控件的基本用法。首先在一个空白项目中,打开视图控制器的代码文件。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/87aae7aaa59ad9594fda25b89146fed0.webp?x-image-process=image/format,png)
3. 接着开始编写代码,实现这项功能。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/db7a9e44368a12782f3f2b1e362400a3.webp?x-image-process=image/format,png)
4. 创建一个位置在(80, 100),尺寸为(100, 30)的显示区域。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/a5bd2250ff740d943097cd3a0bff3d6c.webp?x-image-process=image/format,png)
5. 初始化标签对象,并设置其位置和尺寸。标签对象将被用来显示步进对象的值。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/2cef31609dda9860feb9378e62cbcf9e.webp?x-image-process=image/format,png)
6. 设置标签对象的默认文字。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/059b8ce1712dcc8caf34d8672dee4c90.webp?x-image-process=image/format,png)
7. 设置标签对象的标识值,方便将来再次调用标签对象。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/54b637674e360e2af7cb2df8f9e5472a.webp?x-image-process=image/format,png)
8. 将标签对象,添加到当前视图控制器的根视图。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/e590acdc56e0949751b5e9528481dacc.webp?x-image-process=image/format,png)
9. 接着创建一个位置在(130, 100),尺寸为(0, 0)的显示区域。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/1621b60a16e9dd7dabc33491ff3bf194.webp?x-image-process=image/format,png)
10. 初始化步进对象,并设置其位置和尺寸属性。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/ea33be8badc6749971acfd1e3933d975.webp?x-image-process=image/format,png)
11. 然后设置步进对象的对象大小为自适应。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/26141f22546861d1733302dc6641bc9e.webp?x-image-process=image/format,png)
12. 接着设置步进对象的默认值为0。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/bcbaccd06c694c6b3dab7df3245de0b6.webp?x-image-process=image/format,png)
13. 设置步进对象的最小值为0。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/3070a3f592433aae89eb5e48c70b6dd6.webp?x-image-process=image/format,png)
14. 设置步进对象的最大值为10。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/18d51352ad97557f6896f9db4808a11c.webp?x-image-process=image/format,png)
15. 设置步进对象每次递增、或递减的值为1。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/316525ae0fcd21058173eb3a271d1f0f.webp?x-image-process=image/format,png)
16. 给步进对象,添加状态变化事件。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/ec71751565418f176465d07cb2cee900.webp?x-image-process=image/format,png)
17. 将步进对象,添加到当前视图控制器的根视图。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/714656e81925708acb58bcf37862c498.webp?x-image-process=image/format,png)
18. 添加一个方法,用来处理步进对象事件。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/dff605b123f51228dd6cde04aca04c76.webp?x-image-process=image/format,png)
19. 获得步进对象的值。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/f1003b6a15ca390ce24aec90f301d2f0.webp?x-image-process=image/format,png)
20. 通过标识值,获取根视图下的标签对象。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/3fa73ada7edea5f8fdfa4a7661b00c12.webp?x-image-process=image/format,png)
21. 设置标签对象的文本内容,为控件对象的数值。点击左上角的[编译并运行]按钮,打开模拟器预览项目。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/3a498524d0270f6d58d99f3b55f43f19.webp?x-image-process=image/format,png)
22. 点击步进对象的加号,观察标签对象文字内容的变化。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/a7ffcbed0c52fd72ebd74ba3ee14e950.webp?x-image-process=image/format,png)
23. 继续点击步进对象的加号,观察标签文字的变化。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/915e5503645bfb72883eef91d6d2fee5.webp?x-image-process=image/format,png)
24. 继续点击步进对象的加号,观察标签文字的变化。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/96c3d3f8b140d5f7b69f397251e2469b.webp?x-image-process=image/format,png)
25. 点击步进对象的减号,观察标签文字的变化。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/7df8f1ea37ddd7b52ba36ca6389e3242.webp?x-image-process=image/format,png)
26. 再次点击步进对象的减号,观察标签文字的变化。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/59f25c4e0a5dcfcc07bc275cc575c01b.webp?x-image-process=image/format,png)
27. 再次点击步进对象的减号,观察标签文字的变化。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/e998375959ef5fb6367961abb9093216.webp?x-image-process=image/format,png)
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/57a0b067b2bc7aa402e3c925c95f007a.webp?x-image-process=image/format,png)
本文整理自:《互动教程 for Xcode9 & Swift4》,真正的[手把手]教学模式,用最快的速度上手iOS开发,苹果商店App Store免费下载:https://itunes.apple.com/cn/app/id1063100471,或扫描本页底部的二维码。课程配套素材下载地址:资料下载