iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 6
0
自我挑戰組

Hello Swift系列 第 6

6/30 UI元件之SegmentedControl

  • 分享至 

  • xImage
  •  

Apple官方文件(UISegmentedControl)

今天以UISegmentedControl:分段式選單來改變背景的顏色吧

以元件製作分段式選單
以selectedSegmentIndex得知屬性以及所選的項目:

@IBAction func myToggleChanged(_ sender: UISegmentedControl) {
//sender即選單
    if sender.selectedSegmentIndex == 0 {
        view.backgroundColor = .white
    }else if sender.selectedSegmentIndex == 1{
        view.backgroundColor = .black
    }else if sender.selectedSegmentIndex == 2{
        view.backgroundColor = .red
    }else if sender.selectedSegmentIndex == 3{
        view.backgroundColor = .orange
    }else if sender.selectedSegmentIndex == 4{
        view.backgroundColor = .yellow
    }

印出各個選單相對應的文字:

print(
    sender.titleForSegment(
        at: sender.selectedSegmentIndex) ?? "no selected")
    }

以程式碼製作分段式選單
切換選項時執行動作的方法:

@objc func onChange(sender: UISegmentedControl) {       
    if sender.selectedSegmentIndex == 0{
        view.backgroundColor = .green
    }else if sender.selectedSegmentIndex == 1{
        view.backgroundColor = .blue
    }else if sender.selectedSegmentIndex == 2{
        view.backgroundColor = .purple
    }

建立分段式選單:

let mySegmentedControl = UISegmentedControl(
    items: ["green","blue","purple"])

設置預設選擇的選項:

mySegmentedControl.selectedSegmentIndex = 3

Results

http://sendvid.com/k6h4eqcn


上一篇
5/30 UI元件之Switch
下一篇
7/30 UI元件之Slider
系列文
Hello Swift30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言