【徒然iOS】気ままにUIKitちょいと小技〜ボタンの形を変形するテクニック〜

M_Kaku堂

2023年3月28日 15:22

概要

このマガジンは四十を過ぎたおっさんが、

を参考にStoryboardでiOSアプリを完全に趣味で楽しんでいるだけな記事を気ままに上げてます。

今回

前回までの記事

NavigationControllerやSegueでボタンをビューに配置することが多くなってきたんだけど、

って欲求もそろそろ出てきてるかな〜〜〜

って思ったので、

簡単な小技を紹介します〜〜〜〜🕺

組み込むコード

@IBDesignable class BorderedButton: UIButton {
    @IBInspectable var borderColor: UIColor? {
        get { return UIColor(cgColor: self.layer.borderColor!) }
        set { self.layer.borderColor = newValue?.cgColor ?? nil }
    }
    @IBInspectable var borderWidth: CGFloat = 1.0 {
        didSet {
            layer.borderWidth = borderWidth
        }
    }
    @IBInspectable var cornerRadius: CGFloat = 0.0 {
        didSet {
            layer.cornerRadius = cornerRadius
            layer.masksToBounds = cornerRadius > 0.0
        }
    }
}

@IBDesignable class BorderedLabel: UILabel {
    @IBInspectable var borderColor: UIColor? {
        get { return UIColor(cgColor: self.layer.borderColor!) }
        set { self.layer.borderColor = newValue?.cgColor ?? nil }
    }
    @IBInspectable var borderWidth: CGFloat = 1.0 {
        didSet {
            layer.borderWidth = borderWidth
        }
    }
    @IBInspectable var cornerRadius: CGFloat = 0.0 {
        didSet {
            layer.cornerRadius = cornerRadius
            layer.masksToBounds = cornerRadius > 0.0
        }
    }
}