.png&blockId=3d0c1493-0d67-43b6-9a76-7274b150c47f)
안녕하세요 iOS 개발자 워너비 루크입니다!
오늘은 View 의 모서리를 둥글게 만드는 법에 대해서 알아보겠습니다!
빠른 사용
override func viewDidLoad() {
super.viewDidLoad()
view.layer.masksToBounds = true
view.layer.cornerRadius = 15
}
Swift
복사
viewDidLoad 안에 위 코드를 작성해주시면 됩니다.
view 객체의 layer 프로퍼티를 수정해주어야하는데
•
masksToBounds : 하위 레이어 가 레이어의 경계에 의해 clip 될 것인지를 결정하는 Bool 값
즉, 모서리가 둥글어지면 뷰 자체의 layer 가 둥글어진대로 짤리게 됩니다
•
cornerRadius : 레이어의 모서리를 둥글게 만드는 프로퍼티입니다. 값이 클 수록 모서리가 더 둥글어 져요
특정 모서리만 둥글게 하기
override func viewDidLoad() {
super.viewDidLoad()
view.layer.masksToBounds = true
view.layer.cornerRadius = 15
view.layer.maskedCorners = CACornerMask(arrayLiteral: .layerMaxXMaxYCorner, .layerMinXMaxYCorner)
}
Swift
복사
둥글게 하고 싶은 모서리에 대한 객체를
CACornerMask(arrayLiteral: [CACornerMask])로 생성해서 maskedCorners 에 할당해주면됩니다!
•
.layerMaxXMaxYCorner : 우측 하단
•
.layerMaxXMinYCorner : 우측 상단
•
.layerMinXMaxYCorner : 좌측 하단
•
.layerMinXMinYCorner : 좌측 상단
부가설명
layer 프로퍼티는 어떤 놈이냐면,,!
CALayer 의 객체인데, CA 는 Core Animation 의 약자에요!
참고로 우리가 뭐 쓸때 보면 CGColor, CALayer, UIView.... 이런것들 있잖아요!
여기서 CG CA 이런건 프레임워크의 이름에서 따온 약자에요
CG: Core Graphics -> CA: Core Animations -> UI: UIKit 순서대로 높은 등급이고,
이는 즉 사용하기 쉽다는 뜻이기도 하죠
대신!! 사용하기 쉽다는건,,, 더 제한적이고 커스터마이징이 불가한 경우가 많아요
그래서 우리는 더 멋진 효과나 애니메이션을 사용하기 위해서는 아래 레벨의 프레임 워크를 건드려야하는 거죠!
CALayer 에 대해서는 다시한번 글을 작성해볼 예정입니다ㅎ
