DAY 23 『 客制化按钮 Custom Button 』

今天要介绍的是如何改变按钮的外观（ 圆角、边线 ）

成品：

刻好画面後，在 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，敬请期待！