220811 TIL [필요한 모서리만 둥글게 만들기]

개인 프로젝트 진행 중 스택뷰 안에 있는 뷰의 모시리를 둥글게 하는 과정에서 아래와 같은 문제가 발생 했었다

뭐 일단은 급한대로 위아래 여백을 줘서 모서리를 둥글게 하지 않고 넘기긴 했는데 분명 아래 쪽만 둥글게 하는 방법이 있을텐데... 하면서 찾아본 결과 너무나도 쉬운 방법이 있었다

그것은 바로 maskedCorners!

사용 방법은 너무나도 간단하다

    private lazy var pageView: UIView = {
        let view = UIView()
        view.backgroundColor = .systemBlue
        
         //모서리를 얼마나 둥글게 할지 설정
        view.layer.cornerRadius = 10
        //둥글게 만들 모서리 지정
        view.layer.maskedCorners = [.layerMinXMaxYCorner, .layerMaxXMaxYCorner]
        
        return view
    }()

maskedCorners에 모서리 배열을 할당해주면 되는데 그 의미는 간단하다
.layerMinXMaxYCorner 는 최소 x, 최대 y의 모서리 즉, 왼쪽 아래 모서리를 뜻하며 이런식으로 적용해줄 모서리를 배열 안에 넣으면 된다

참고문서
https://www.hackingwithswift.com/example-code/calayer/how-to-round-only-specific-corners-using-maskedcorners