[IOS][SWIFT] TextField와 Button 둥근 테두리 만들기!

안녕하세요!

오늘은 그동안 다양한 뷰에 관한 글을 작성하다가

제가 디자인하면서 많이 사용했던 조금은 쉬어가는 기능을 글로 작성해보려 합니다!

 

전에 작성했던 글중에서 텍스트 필드와 텍스트 뷰를 사용했던 적이 있는데요

 

사진과 같이 텍스트 뷰가 각진 모습입니다!

 

오늘은 이 각진 부분을 둥글게 바꾸는 코드입니다.

 

먼저 스토리보드로 Textfield와 Button을 추가해줬습니다!

 

이렇게 하고 뷰가 열리기 전 시점인

ViewDidLoad부분에 다음과 같은 코드를 넣어줍니다!

 

필드와 버튼이 같은 옵션을 사용했기 때문에 옵션 기준으로 설명드리자면

 

layer.conerRadius = 굴곡의 정도를 숫자로 지정해주는 옵션

 

layer.borderWidth = 테두리의 굵기를 숫자로 지정해주는 옵션

 

layer.borderColor = 테두리의 색을 지정해주는 옵션

 

여기서 주의할 점으로는 마지막 borderColor의 색의 지정해줄때 마지막에 .cgColor를

붙혀주셔야 합니다!

(나중에 cgColor, UIColor등에 관한 글을 작성해보겠습니다!)

 

이렇게 지정해준 세개의 옵션의 결과를 마지막으로 이번 글은 마무리하고

 

다음 글부터 다시 여러가지 뷰에 관해 알아보도록 하겠습니다! 🤗