[iOS] 둥근 모서리

나는 사과·2021년 3월 30일
0

TIL

목록 보기
13/17

아이폰 어플을 보면 모서리가 각져있지 않고 동글 동글하게 생겼다. 어플뿐만 아니라 기본 어플이던지 아니면 카카오톡 같은 어플에서도 이러한 모양들은 찾아 볼 수 있다. 그래서 어떻게 이런 모양을 만드는지에 대해서 간략하게 정리해보려고 한다.

꼭! UITextField가 아니여도 괜찮다. UIStackView, UIView 등 테두리가 있다면 모두 다 가능하다. 하지만 여기에는 TextField를 갖고 예제를 만들 것이고 다른 뷰들은 이를 응용해서 구현하면 된다.

// 텍스트필드 생성
var textField: UITextField = UITextField()

// 텍스트필드 모서리 반지름이 10으로 설정
textField.layer.cornerRadius = 10

한 줄의 코드만으로도 각져있어서 딱딱해보이는 텍스트필드의 모서리를 둥글게 만들어 줄 수 있다.

아래 이미지는 같은 방법을 사용해서 텍스트필드의 모서리를 변경해주었습니다.

0개의 댓글