Swift5+StoryBoardでUIViewを簡単に角丸にする方法

2020年8月26日

Swift5のExtensionを使ってStoryBoardでUIViewを簡単に角丸にする方法をご紹介します。

この方法を使うとStoryBoardのプロパティ上でUIView等のView系に角丸を簡単につけることができるのでおすすめです。

Swift5+StoryBoardでUIViewを簡単に角丸にする方法

import UIKit

extension UIView {
    
    @IBInspectable var cornerRadius: CGFloat {
        get {
            return layer.cornerRadius
        }
        set {
            layer.cornerRadius = newValue
            layer.masksToBounds = newValue > 0
        }
    }
    
    @IBInspectable
    var borderWidth: CGFloat {
        get {
            return self.layer.borderWidth
        }
        set {
            self.layer.borderWidth = newValue
        }
    }
    
    @IBInspectable
    var borderColor: UIColor? {
        get {
            return UIColor(cgColor: self.layer.borderColor!)
        }
        set {
            self.layer.borderColor = newValue?.cgColor
        }
    }