개인공부

UIView 모서리 둥글게 만들기 / 그림자 추가

h_luz 2024. 5. 7. 01:08

 

UIView 모서리를 둥글게 만들기!

cornerView.layer.cornerRadius = 20

간단하게 이렇게 해서 cornerRadius에 값을 주면 모든 모서리를 20 정도 둥글게 만들어줄 수 있다.

값이 커질수록 더 동그래짐!

 

그런데 모든 모서리가 아니라 특정 모서리만 둥글게 해 주려면,,

cornerView.layer.cornerRadius = 20
cornerView.layer.maskedCorners = CACornerMask(arrayLiteral: .layerMinXMinYCorner, .layerMinXMaxYCorner)

이렇게 해주면 되는데, 이 코드는 왼쪽 상단과 하단을 둥글게 만들어준 코드이다.

 

실행하면 이렇게 나온다.

 

https://swieeft.github.io/2020/03/05/UIViewRoundCorners.html

 

UIView 특정 모서리만 둥글게 만들기(Round Corners) - 뀔뀔(swieeft)의 개발새발기

오늘은 UIView에서 특정 모서리만 둥글게 처리하는 방법을 알아보려고 합니다. 개발을 하다보면 “뷰의 상단만 둥글게 해주세요”, “왼쪽 상단만 둥글게 해주세요” 등의 요구사항을 받을 때가

swieeft.github.io

이 사이트를 참고했음

 

왼쪽 상단 : layerMinXMinYCorner

     - MinX는 뷰의 왼쪽 의미 / MinY는 뷰의 상단 의미

왼쪽 하단 : layerMinXMaxYCorner

    - MinX는 뷰의 왼쪽 의미 / MaxY는 뷰의 하단 의미

오른쪽 상단 : layerMaxXMinYCorner

    - MaxX는 뷰의 오른쪽 의미 / MinY는 뷰의 상단 의미 

오른쪽 하단 : layerMaxXMaxYCorner

    - MaxX는 뷰의 오른쪽 의미 / MaxY는 뷰의 하단 의미


 

그림자 추가하기

// 그림자 속성
recentView.layer.shadowOffset = CGSize(width: 5, height: 5) // 그림자의 위치
recentView.layer.shadowOpacity = 0.5 // 그림자의 투명도
recentView.layer.shadowRadius = 10 // 그림자의 퍼짐 정도
recentView.layer.shadowColor = UIColor.black.cgColor // 그림자의 색상

recentView.layer.masksToBounds = false

 

'개인공부' 카테고리의 다른 글

CAGradientLayer _ 화면에 그라데이션 넣기  (0) 2024.07.06
😯  (0) 2024.05.19
동영상 실습 (AVKit)  (1) 2024.05.06
코드베이스 _ SnapKit 라이브러리  (1) 2024.05.05
AutoLayout  (4) 2024.05.02