iOS Swift 스토리보드에서 버튼, 뷰 테두리 설정 (+ 둥글게)

안녕하세요 Gons 입니다.

 

스토리보드에서 버튼이나 label, view, ImgeView 등 각종 뷰 속성을 가지고 있는 것들의

테두리를 설정해보겠습니다. (테두리 둥글게, 색상, 굵기 다 됩니다.)

 

 

 

 

1. 먼저 스위프트 파일 하나 만들어주세요. (파일명은 상관없습니다.)

 

 

저는 이렇게 만들었습니다. (파일명은 상관없습니다.)

 

 

 

2. 그대로 복사해서 붙여넣어주세요.

import UIKit

extension UIView {
    
    @IBInspectable var borderWidth: CGFloat {
        set {
            layer.borderWidth = newValue
        }
        get {
            return layer.borderWidth
        }
    }
    
    @IBInspectable var cornerRadius: CGFloat {
        set {
            layer.cornerRadius = newValue
        }
        get {
            return layer.cornerRadius
        }
    }
    
    @IBInspectable var borderColor: UIColor? {
        set {
            guard let uiColor = newValue else { return }
            layer.borderColor = uiColor.cgColor
        }
        get {
            guard let color = layer.borderColor else { return nil }
            return UIColor(cgColor: color)
        }
    }
    
}

 

 

끝입니다.

스토리보드 가서 확인해보시죠.

 

 

 

못 보던 부분이 생겼죠?

Border Width : 테두리 굵기

Corner Radius : 굴곡 ( 둥근 정도 )

Border Color : 테두리 색상

 

 

 

 

 

스토리보드에서 바로 반영은 안됩니다. 실행해보면 나옵니다.

잘 나오네요.

 

 

 

이런식으로 버튼 , Label , ImageView 등 View 속성 가진 애들 전부 설정할 수 있습니다.

 

감사합니다.