【swift】Segmented Control, Slider, Switch
◆Segmented Control, Slider, Switchをstoryboard上に配置してOutlet接続しておく。
その際に以下を設定する。
・Segmented Controlの「Segments」を「5」にする。
・「Segment」が0〜4に増えているので、それぞれの「Title」を設定する。(例では1、2、3、4、5としている)
・Sliderの「Value」(初期値)を「5」に、「Maximum」を「15」にする。
さらにSegmented Control, Slider, Switchの横にそれぞれLabelを配置する。(Outlet接続もしておく)
https://gyazo.com/57b3854ab2697c5ed7222490205cdc05
◆3つのコンポーネントの現在値を各Labelに表示するプログラムを作成する。
3つのコンポーネントそれぞれのActionを設定する。
code:SegmentedControl
import UIKit
class ViewController: UIViewController {
@IBOutlet weak var segmentControl01: UISegmentedControl!
@IBOutlet weak var slider01: UISlider!
@IBOutlet weak var switch01: UISwitch!
@IBOutlet weak var segmentedControlLabel: UILabel!
@IBOutlet weak var sliderLabel: UILabel!
@IBOutlet weak var switchLabel: UILabel!
override func viewDidLoad() {
super.viewDidLoad()
// Do any additional setup after loading the view.
}
@IBAction func SegmentedControlChange(_ sender: Any) {
segmentedControlLabel.text = String(segmentControl01.selectedSegmentIndex)
}
@IBAction func SliderChange(_ sender: Any) {
sliderLabel.text = String(slider01.value)
}
@IBAction func SwitchChange(_ sender: Any) {
switchLabel.text = String(switch01.isOn)
}
}