UISegmentedControl在Swift中的使用

UISegmentedControl控件是分段顯示控件,用戶能夠選擇它上展現的任一段部分,每個部分都像是一個按鈕,若是被按下也會像UIButton同樣執行相應的方法。在這篇文章中咱們將建立一個UISegmentedControl控件並讓它顯示三個部分,每個部分都會顯示不一樣的文本內容。swift

須要的條件:Xcode六、iOS8以上系統(含iOS8)spa

具體步驟:code

1.打開Xcode並建立一個新的Single View Application,填寫工程名稱,好比SegmentSwift,以後填寫相應的Organization Name和Organization Identifier。選擇Swift語言做爲開發語言,選擇iPhone設備。blog

2.在項目工程中打開Storyboard,在Xcode6中默認是方形的,以便使用interface建立各類設備,在iOS8中可使用constraints和size classes在storyboard中。由於選擇了iPhone,因此能夠去掉size classes選項。開發

單擊Disable Size Classes:it

3.往主界面拖拽Segmented Control,在拖拽一個Label,並設置Label的默認爲本是:第一個被選擇,設置居中顯示,Segmented Control控件作以下設置,把Segments改成3,並設置對應的Segment和Title。如圖所示:io

4.選擇Assistant Editor打開ViewController.swift,按住ctrl鍵拖拉Segmented Control控件到ViewController.swift,並建立:class

用相同的方法拖拽Label到ViewController.swift中:select

再次選擇Segmented Control到ViewController.swift中選擇Action:程序

5.在indexChanged方法中,當用戶改變UISegmentedControl的狀態時,方法則響應。

主程序:

@IBOutlet weak var textLabel: UILabel!

    @IBAction func indexChanged(sender: AnyObject) {
        
        switch segmentedControl.selectedSegmentIndex{
        case 0:
            textLabel.text = "土肥圓"
        case 1:
            textLabel.text = "高富帥"
        case 2:
            textLabel.text = "白富美"
        default:
            break
        
        }
    }
    @IBOutlet weak var segmentedControl: UISegmentedControl!

  

6.程序運行的效果:

相關文章
相關標籤/搜索