Project 02 - CornerRadius

모서리가 둥근 View

모서리를 둥글게 만들고 싶은 view를 viewDidLoad() 내부에서 해당 인스턴스의 속성을 변경해준다.

class ViewController: UIViewController {
    
    @IBOutlet weak var basicView: UIView!

    override func viewDidLoad() {
        super.viewDidLoad()
        
        basicView.layer.cornerRadius = 30
    }
}

일부 모서리만 둥근 View

cornerRadius 효과를 일부만 적용시키고 싶다면 maskedCorners 속성을 활용하면 된다.

class ViewController: UIViewController {
    
    @IBOutlet weak var basicView: UIView!

    override func viewDidLoad() {
        super.viewDidLoad()
        
        basicView.layer.cornerRadius = 30
        basicView.layer.maskedCorners = [.layerMaxXMaxYCorner]
    }
}

maskedCorners의 타입은 다음과 같다.

.layerMaxXMaxYCorner

.layerMaxXMinYCorner

.layerMinXMaxYCorner

.layerMinXMinYCorner

원형 View

view를 원형으로 만들고 싶다면 cornerRadius를 뷰의 높이 또는 너비 / 2를 해주면 된다.

class ViewController: UIViewController {
    
    @IBOutlet weak var basicView: UIView!

    override func viewDidLoad() {
        super.viewDidLoad()
        
        basicView.layer.cornerRadius = basicView.frame.height / 2
    }
}

height를 width로 변경 가능하다.