今天要介紹的是如何改變按鈕的外觀（ 圓角、邊線 ）

成品：

刻好畫面後，在 ViewController.swift ( MainVC.swift ) 加入程式碼

在專案底下 New Group / New File / 選 Cocoa Touch Class

• p.s.
  @IBInspectable : 讓我們可以在 Attributes inspect 中直接調整屬性，但是我們需要在運行之後才能看到結果
  @IBDesignable : 將我們調整的結果直接顯示在畫面上。

UIButton 圓角設定

UIButton 框線設定
框線寬度

框線顏色

在 MainVC -> Button 的 Custom Class -> Class 選擇 剛剛建立的客製化按鈕的檔案名稱

選完後就會多了這些性質可以做變更

附上完整程式碼

import UIKit

class CustomButton: UIButton {
    // MARK:- UIButton 圓角設定
    @IBInspectable var cornerRadius: CGFloat = 0.0 {
        didSet {
            layer.cornerRadius = cornerRadius
            layer.masksToBounds = cornerRadius > 0
        }
    }
    // MARK:- UIButton 框線設定 (可在 Attributes inspect 中直接調整屬性)
    @IBInspectable var borderWidth: CGFloat {
        get {
            return layer.borderWidth
        } set {
            layer.borderWidth = newValue
        }
    }
    @IBInspectable var borderColor: UIColor {
        get {
            return UIColor(cgColor: layer.borderColor!)
        } set {
            layer.borderColor = newValue.cgColor
        }
    }
}

這樣就完成客製化按鈕啦！明天會分享客製化 TextField，敬請期待！