1. 程式人生 > >UIKit框架-基礎控制元件Swift版本: 7.UISwitch方法/屬性詳解

UIKit框架-基礎控制元件Swift版本: 7.UISwitch方法/屬性詳解

前面我們講解完了 iOS 中的幾個基礎控制元件, 現在讓我們繼續來看其他基礎控制元件.

1.UISwitch的常用屬性

// 1.設定 UISwitch 開啟時底圖漸變顏色, 預設是從白變綠
    var onTintColor: UIColor!

// 2.設定 UISwitch 關閉時底圖漸變顏色, 預設是從白變綠    
    var tintColor: UIColor?

// 3.設定 UISwitch 的小圓點顏色, 預設是白色
    var thumbTintColor: UIColor?

// 4.設定 UISwitch 是否開啟
    var on: Bool

// 5.設定 UISwitch 的位置
init(frame: CGRect) // 6.設定 UISwitch 是否開啟, 並且是否開啟動畫效果 func setOn(on: Bool, animated: Bool)

2.程式碼演示

自定義UISwitch

    func mySwitch() {
        // 1.自定義 UISwitch
        var switchButton = UISwitch()

        // 2.設定 UISwitch 的位置
        switchButton.center = CGPointMake(self.view.frame.width / 2
, self.view.frame.height / 2) // 3.設定 UISwitch 開啟時底圖漸變顏色, 預設是從白變綠 switchButton.onTintColor = UIColor.redColor() // 4.設定 UISwitch 關閉時底圖漸變顏色, 預設是從綠變白 switchButton.tintColor = UIColor.blackColor() // 5.設定 UISwitch 的小圓點顏色, 預設是白色 switchButton.thumbTintColor = UIColor.blueColor
() // 6.設定 UISwitch 是否開啟 switchButton.on = true // 7.設定 UISwitch 是否開啟, 並且是否開啟動畫效果 switchButton.setOn(true, animated: true) // 8.新增到 UISwitch 到 self.view self.view.addSubview(switchButton) }

在 viewDidLoad中實現

    override func viewDidLoad() {
        super.viewDidLoad()
        self.mySwitch()
    }

3.最終效果

1
1
2
2
3
3

PS: UISwitch 是繼承於 UIControl, 所以 UIControl 裡面的屬性和方法 UISwitch 都是可以用的.

好了, 這次我們就講到這裡, 下次我們繼續