IOS 初级开发入门教程 (六) Switch、Slider、Segmented、Progress练习

梦里梦外; 2021-09-15 04:10 365阅读 0赞

# 前言 #

> 看完前面5章的内容，基本对IOS开发有一些认识了，这章我们继续动手去实践一下，学习开关、拖动、分段控制、进度条的相关知识，以及通过一个交互式的案例演示如何使用。
> 
>   
>

系列文章：

[IOS 初级开发入门教程（一）介绍篇][IOS]

[IOS 初级开发入门教程（二）第一个HelloWorld工程及StoryBoard使用][IOS _HelloWorld_StoryBoard]

[IOS 初级开发入门教程（三）探究应用及视图的生命周期变化][IOS 1]

[IOS 初级开发入门教程（四）基础控件使用小练习  ][IOS _]

[IOS 初级开发入门教程（五）TextField与ReturnKey实战练习  ][IOS _]

[       ][IOS _][ ][IOS _]

## UIKit继承结构 ##

![20150625180421434][]

我们通过这个UIKit继承结构图，我们试着找到本章要学习的UI，去观察所属的继承关系。

## 界面视图 ##

![20180402213545135][]

先把我们要学习的控件拖拽到视图界面。如果新手可以参考我前面的文章。从这章开始我就不细说画图拖拽方面了。

## 代码界面 ##

首先，我们先实现第一功能，Switch和Segmented之间的联动。先把两个控件在代码上声明输出口 Outlet ：

##  ##

![20180402214422920][]

我们将Action动作也实现：（这里以Switch为例）

![20180402214625655][]

关键就在于代码如何实现了：（直接把代码逻辑贴出来了）

@IBAction func SwithValueChange(_ sender: Any) {
            let senderSwich = sender as! UISwitch ; // 获取当前点击的控件并强转为Switch
            
            if senderSwich == self.mSwitch{
                let value = self.mSwitch.isOn ;//获取点击后的状态值
                
                if value{
                    self.mSegmented.selectedSegmentIndex=1
                }else{
                    self.mSegmented.selectedSegmentIndex=0
                }
            }
            
        }
        @IBAction func ControValueChange(_ sender: Any) {
            let senderSegmented = sender as! UISegmentedControl
           
            if self.mSegmented == senderSegmented {
                let value = self.mSegmented.selectedSegmentIndex
                
                if value == 1{
                    self.mSwitch.setOn(true, animated: true)
                }else{
                    self.mSwitch.setOn(false, animated: true)
                }
            }
        }

**然后，我们实现第二个功能，Slider与Progress、Label交互。同样先声明输出口outlet：**

![20180402215126820][]

**我们将Slider的Action动作实现：**

![20180402215345553][]

**直接把代码逻辑贴出来了：**

@IBAction func sliderValueChange(_ sender: Any) {
            let slider = sender as! UISlider    // 当前拖动的滑块
            let value = Int(slider.value*100)   // 获取当前值(0.x)乘以100后的Int值
            let showText = NSString(format: "%d", value)    // 将数据格式化
            self.mLable.text = showText as String  // 显示在Label上
            self.mProgress.progress = slider.value //显示在Progress上
        }

## 运行结果 ##

![20180402215549995][]

[            ][IOS _]

[IOS]: http://blog.csdn.net/csdn_aiyang/article/details/77480907
[IOS _HelloWorld_StoryBoard]: http://blog.csdn.net/csdn_aiyang/article/details/77506057
[IOS 1]: http://blog.csdn.net/csdn_aiyang/article/details/77481653
[IOS _]: https://blog.csdn.net/csdn_aiyang/article/details/79581570
[20150625180421434]: /images/20210802/027bd491fd4d49c7a8e507635158f515.png
[20180402213545135]: /images/20210802/9c976751d8b34815a95aa7c58b20e709.png
[20180402214422920]: /images/20210802/1054dd4ee9d44119a0a2b422ced24e22.png
[20180402214625655]: /images/20210802/0f566b908ad043e3aff2f3130114cff4.png
[20180402215126820]: /images/20210802/c0348f2b43ad43c2baf8982adeba4720.png
[20180402215345553]: /images/20210802/001b1e6fa93544ff987138b5341ade18.png
[20180402215549995]: /images/20210802/13cb873625874f9e93606507f411d780.png