iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 5
0
自我挑戰組

Hello Swift系列 第 5

5/30 UI元件之Switch

  • 分享至 

  • xImage
  •  

Apple官方文件(UISwitch)

Switch是常見的UI元件,用來切換On/Off的開關。

以元件製作開關
設置使用者與開關互動會執行的方法:

@IBAction func makeAChange(_ sender: UISwitch) {
    if sender.isOn == true{
        print("It's on")
        view.backgroundColor = .white
        }else{
        print("It's off")
        view.backgroundColor = .black
    }
}

透過mySwitch屬性,以程式碼控制畫面上的開關:

mySwitch.isOn = false

也試著以程式碼製作開關吧
設置開關位置與範圍:

let codeSwitch = UISwitch(frame:CGRect(x: view.frame.midX - 51/2, y: view.frame.maxY - 100, width: 51, height: 31))

將開關作為subview加入整個View:

view.addSubview(codeSwitch)

設置開關狀態:

codeSwitch.isOn = true

使用.addTarget屬性:

codeSwitch.addTarget(self, action: #selector(ViewController.codeSwaitchChanged(_:)), for: .valueChanged)

Results

http://sendvid.com/3p92zai7

小筆記

  • 連結元件與程式碼時,拖曳至ViewController(class類別) & viewDidLoad(方法)之間
  • Connection
    Outlet:透過程式碼控制畫面上的元件
    Action:使用者與畫面中的元件互動,要執行程式碼類別裡的某方法
  • CGRect
    此結構用於定義一個UIVuew的矩形範圍,包含此矩形的原點及其大小。
  • CGFloat
    CGFloat is just a typed for either float or double.

上一篇
4/30 UI元件之View-2
下一篇
6/30 UI元件之SegmentedControl
系列文
Hello Swift30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言