4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]
1. 在欢迎窗口右侧的历史项目列表中，双击打开之前创建的单视图项目模板。
![4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzYxMS8yOWQ0OTQ5YmU2Zjk5NDk3Nzc5MDEyOGM5ODhkMzVlYi5wbmc= "4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]")
2. 本节课将为您演示步进控件的基本用法。首先在一个空白项目中，打开视图控制器的代码文件。
![4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzI5Ni84N2FhZTdhYWE1OWFkOTU5NGZkYTI1Yjg5MTQ2ZmVkMC5wbmc= "4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]")
3. 接着开始编写代码，实现这项功能。
![4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzY4My9kYjdhOWU0NDM2OGExMjc4MmYzZjJiMWUzNjI0MDBhMy5wbmc= "4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]")
4. 创建一个位置在(80, 100)，尺寸为(100, 30)的显示区域。
![4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzUzMi9hNWJkMjI1MGZmNzQwZDk0MzA5N2NkM2EwYmZmM2Q2Yy5wbmc= "4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]")
5. 初始化标签对象，并设置其位置和尺寸。标签对象将被用来显示步进对象的值。
![4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzM1OC8yY2VmMzE2MDlkZGE5ODYwZmViOTM3OGU2MmNiY2Y5ZS5wbmc= "4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]")
6. 设置标签对象的默认文字。
![4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzk3Ni8wNTliOGNlMTcxMmRjYzhjYWYzNGQ4NjcyZGVlNGM5MC5wbmc= "4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]")
7. 设置标签对象的标识值，方便将来再次调用标签对象。
![4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzI2Ni81NGI2Mzc2NzRlMzYwZTJhZjdjYjJkZjhmOWU1NDcyYS5wbmc= "4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]")
8. 将标签对象，添加到当前视图控制器的根视图。
![4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzk2NC9lNTkwYWNkYzU2ZTA5NDk3NTFiNWU5NTI4NDgxZGFjYy5wbmc= "4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]")
9. 接着创建一个位置在(130, 100)，尺寸为(0, 0)的显示区域。
![4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzk2NC8xNjIxYjYwYTE2ZTlkZDdkYWJjMzM0OTFmZjNiZjE5NC5wbmc= "4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]")
10. 初始化步进对象，并设置其位置和尺寸属性。
![4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzY5L2VhMzNiZThiYWRjNjc0OTk3MWFjZmQxZTM5MzNkOTc1LnBuZw== "4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]")
11. 然后设置步进对象的对象大小为自适应。
![4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzkxOC8yNjE0MWYyMjU0Njg2MWQxNzMzMzAyZGM2NjQxYmM5ZS5wbmc= "4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]")
12. 接着设置步进对象的默认值为0。
![4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzk4Mi9iY2JhY2NkMDZjNjk0YzZiM2RhYjdkZjMyNDVkZTBiNi5wbmc= "4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]")
13. 设置步进对象的最小值为0。
![4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzQ5NC8zMDcwYTNmNTkyNDMzYWFlODllYjVlNDhjNzBiNmRkNi5wbmc= "4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]")
14. 设置步进对象的最大值为10。
![4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzY2MC8xOGQ1MTM1MmFkOTc1NTdmNjg5NmY5ZGI0ODA4YTExYy5wbmc= "4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]")
15. 设置步进对象每次递增、或递减的值为1。
![4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzU3NS8zMTY1MjVhZTBmY2QyMTA1ODE3M2ViM2EyNzFkMWYwZi5wbmc= "4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]")
16. 给步进对象，添加状态变化事件。
![4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzk4NC9lYzcxNzUxNTY1NDE4ZjE3NjQ2NWQwN2NiMmNlZTkwMC5wbmc= "4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]")
17. 将步进对象，添加到当前视图控制器的根视图。
![4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzMzNi83MTQ2NTZlODE5MjU3MDhhY2I1OGJjZjM3ODYyYzQ5OC5wbmc= "4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]")
18. 添加一个方法，用来处理步进对象事件。
![4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzUxMC9kZmY2MDViMTIzZjUxMjI4ZGQ2Y2RlMDRhY2EwNGM3Ni5wbmc= "4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]")
19. 获得步进对象的值。
![4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzMyL2YxMDAzYjZhMTVjYTM5MGNlMjRhZWM5MGYzMDFkMmYwLnBuZw== "4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]")
20. 通过标识值，获取根视图下的标签对象。
![4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzc3MC8zZmE3M2FkYTdlZGVhNWY4ZmRmYTRhNzY2MWIwMGMxMi5wbmc= "4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]")
21. 设置标签对象的文本内容，为控件对象的数值。点击左上角的[编译并运行]按钮，打开模拟器预览项目。
![4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzYwMS8zYTQ5ODUyNGQwMjcwZjZkNThkOTlmM2I1NWY0M2YxOS5wbmc= "4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]")
22. 点击步进对象的加号，观察标签对象文字内容的变化。
![4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzI3Mi9hN2ZmY2JlZDBjNTJmZDcyZWJkNzRiYTNlZTE0ZTk1MC5wbmc= "4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]")
23. 继续点击步进对象的加号，观察标签文字的变化。
![4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzgzNy85MTVlNTUwMzY0NWJmYjcyODgzZWVmOTFkNmQyZmVlNS5wbmc= "4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]")
24. 继续点击步进对象的加号，观察标签文字的变化。
![4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzczOS85NmMzZDNmOGIxNDBkNWY3YjY5ZjM5NzI1MWUyNDY5Yi5wbmc= "4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]")
25. 点击步进对象的减号，观察标签文字的变化。
![4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzE3MC83ZGY4ZjFlYTM3ZGRkN2I1MmJhMzZjYTYzODllMzI0Mi5wbmc= "4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]")
26. 再次点击步进对象的减号，观察标签文字的变化。
![4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzY1OS81OWYyNWM0ZTBhNWRjZmNjMDdiYzI3NWNjNTc1YzAxYi5wbmc= "4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]")
27. 再次点击步进对象的减号，观察标签文字的变化。
![4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzI3OC9lOTk4Mzc1OTU5ZWY1ZmI2MzY3OTYxYWJiOTA5MzIxNi5wbmc= "4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]")
![4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzU4LzU3YTBiMDY3YjJiYzdhYTQwMmUzYzkyNWM5NWYwMDdhLnBuZw== "4.7 UIStepper控件的使用 [原创iOS开发-Xcode教程]")
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》，真正的[手把手]教学模式，用最快的速度上手iOS开发，苹果商店App Store免费下载：https://itunes.apple.com/cn/app/id1063100471，或扫描本页底部的二维码。课程配套素材下载地址：资料下载