1. 程式人生 > >[Xcode10 實際操作]四、常用控制元件-(1)UIButton控制元件的使用

[Xcode10 實際操作]四、常用控制元件-(1)UIButton控制元件的使用

本文將演示按鈕控制元件的使用,按鈕是使用者介面中最常見的互動控制元件

在專案導航區,開啟檢視控制器的程式碼檔案【ViewController.swift】

 1 import UIKit
 2 
 3 class ViewController: UIViewController {
 4     
 5     override func viewDidLoad() {
 6         super.viewDidLoad()
 7         // Do any additional setup after loading the view, typically from a nib.
8 //首先建立一個深色背景的提示資訊按鈕 9 let bt1 = UIButton(type: UIButton.ButtonType.infoDark) 10 //設定按鈕的位置為(130,80),尺寸為(40,40) 11 bt1.frame = CGRect(x: 130, y: 80, width: 40, height: 40) 12 13 //接著建立一個普通的圓角按鈕 14 let bt2 = UIButton(type: UIButton.ButtonType.roundedRect)
15 //設定按鈕的位置為(80,180),尺寸為(150,44) 16 bt2.frame = CGRect(x: 80, y: 180, width: 150, height: 44) 17 //設定按鈕的背景顏色為紫色 18 bt2.backgroundColor = UIColor.purple 19 //設定按鈕的前景顏色為黃色 20 bt2.tintColor = UIColor.yellow 21 //繼續設定按鈕的標題文字 22 bt2.setTitle("Tap Me
", for: UIControl.State()) 23 //給按鈕繫結點選的動作 24 bt2.addTarget(self, action: #selector(ViewController.buttonTap(_:)), for: UIControl.Event.touchUpInside) 25 26 //再建立一個圓角按鈕 27 let bt3 = UIButton(type: UIButton.ButtonType.roundedRect) 28 //設定按鈕的背景顏色為棕色 29 bt3.backgroundColor = UIColor.brown 30 //設定按鈕的前景顏色為白色 31 bt3.tintColor = UIColor.white 32 //設定按鈕的標題文字 33 bt3.setTitle("Tap Me", for: UIControl.State()) 34 //設定按鈕的位置為(80,280),尺寸為(150,44) 35 bt3.frame = CGRect(x: 80, y: 280, width: 150, height: 44) 36 //給按鈕新增邊框效果 37 bt3.layer.masksToBounds = true 38 //設定按鈕層的圓角半徑為10 39 bt3.layer.cornerRadius = 10 40 //設定按鈕層邊框的寬度為4 41 bt3.layer.borderWidth = 4 42 //設定按鈕層邊框的顏色為淺灰色 43 bt3.layer.borderColor = UIColor.lightGray.cgColor 44 45 //將三個按鈕,分別新增到當前檢視控制器的根檢視 46 self.view.addSubview(bt1) 47 self.view.addSubview(bt2) 48 self.view.addSubview(bt3) 49 } 50 51 //新增一個方法,用來響應按你的點選事件 52 @objc func buttonTap(_ button:UIButton) 53 { 54 //建立一個警告彈出視窗,當按鈕被點選時,彈出此視窗, 55 let alert = UIAlertController(title: "Information", message: "UIButton Event.", preferredStyle: UIAlertController.Style.alert) 56 //建立一個按鈕,作為提示視窗中的【確定】按鈕,當用戶點選該按鈕時,將關閉提示視窗。 57 let OKAction = UIAlertAction(title: "OK", style: UIAlertAction.Style.default, handler: nil) 58 //將確定按鈕,新增到提示視窗中 59 alert.addAction(OKAction) 60 //在當前檢視控制器中,展示提示視窗。 61 self.present(alert, animated: true, completion: nil) 62 } 63 64 override func didReceiveMemoryWarning() { 65 super.didReceiveMemoryWarning() 66 } 67 }