티스토리 뷰

728x90
반응형

아래와 같이 상단만 둥근 모서리를 가진 뷰를(파란뷰) 만들고 싶었다. (하얀배경의 뷰와 파란배경의 뷰 두개로 구성)

평소 같으면 masksToBounds 프로퍼티에 true 를 줘서 해결하려했는데 뒤에 그림자가있어서 상단좌우측 둥근 모서리와 그림자를 동시에 줄 수 없었다.(서로가 반대의 프로퍼티 값을 요구하기 때문.)

그래서 maskedCorners 프로퍼티를 설정하기로 했다.

qrcodeTopView.backgroundColor = .blue
qrcodeTopView.layer.cornerRadius = 10
// 좌측상단, 우측상단
qrcodeTopView.layer.maskedCorners = [.layerMinXMinYCorner, .layerMaxXMinYCorner]
  • 다음의 옵션을 통해서 설정 가능하다.
public struct CACornerMask : OptionSet {

    public init(rawValue: UInt)


    public static var layerMinXMinYCorner: CACornerMask { get }

    public static var layerMaxXMinYCorner: CACornerMask { get }

    public static var layerMinXMaxYCorner: CACornerMask { get }

    public static var layerMaxXMaxYCorner: CACornerMask { get }
}
728x90
반응형
댓글
최근에 올라온 글
최근에 달린 댓글
글 보관함
«   2024/07   »
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31
링크
Total
Today
Yesterday