2016年12月22日 星期四

[iOS]Switch元件

Switch元件是一個很像開關的元件,功能是用來控制布林值。


Switch常用的屬性如下:

State   : 元件狀態,On/Off , 預設值為On。

On Tint :  元件狀態為On時,左方圖形的顏色,預設為緣色。

Thumb Tint :  元件狀態為Off時,右方圓形的顏色,預設為白色。

On Image : 設定元件狀態為On時的圖形,在iOS7之前版本才有用。

Off Image : 設定元件狀態為Off時的圖形,在iOS7之前版本才有用。


Switch元件的大小是固定的,不允許使用者變更。系統預設的Switch元件大小為

51 *  31 pixels。



來做一個,點下Switch時,Label會顯示On,反之則Off




























程式碼如下

//
//  ViewController.swift
//  compoment
//
//  Created by boywhy chen on 2016/12/19.
//  Copyright © 2016 boywhy chen. All rights reserved.
//

import UIKit

class ViewController: UIViewController {

    @IBOutlet weak var mSwitch: UISwitch!
    @IBOutlet weak var mLabel: UILabel!
    
    //宣告NSTimer物件
    var timer:NSTimer?
    @IBAction func mSwitchAction(sender: UISwitch) {
        
        if sender.on
        {
            mLabel.text = "On"
        }
        else
        {
            mLabel.text = "Off"
        }
    }
    override func viewDidLoad() {
        super.viewDidLoad()
        
        
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }

}






接下來我們改變一下On Tint和Thumb Tint的值


override func viewDidLoad() {
        super.viewDidLoad()        
        mSwitch.onTintColor = UIColor.blueColor()
        mSwitch.thumbTintColor = UIColor.redColor()        
    }




















資料來源:


http://stackoverflow.com/questions/24714921/how-to-link-a-boolean-value-to-the-on-off-state-of-a-uiswitch

沒有留言:

張貼留言