Jiwift

[iOS/Swift] UIButton 모서리 둥글게 설정하기 / 코너 corner radius Code 활용 본문

iOS Dev/UIKit

[iOS/Swift] UIButton 모서리 둥글게 설정하기 / 코너 corner radius Code 활용

지위프트 2022. 11. 5. 15:52
반응형

 오늘은 UIButton을 둥글게 만들어 보는 작업을 수행할 것이다. 앞에 글에서는 Storyboard를 사용해서 radius를 주었다면 이번에는 코드를 사용해서 적용할 것이다. Storyboard 방법이 궁금한 사람은 아래 글을 참고해서 연습해보면 된다.

 

[iOS/Swift] UIButton 모서리 둥글게 설정하기 / 코너 corner radius Storyboard 활용 — Jiwift (tistory.com)

 

[iOS/Swift] UIButton 모서리 둥글게 설정하기 / 코너 corner radius Storyboard 활용

UIKit을 사용하다 보면 Custom 하고 싶을 때가 있다. 방법은 라이브러리, 코드, Storyboard 등 사용하고 싶은 방법을 찾아서 적용하면 된다. 정답은 없으니깐 오늘은 일단 단순하게 모서리만 둥글게 만

jiwift.tistory.com

진행하기 앞서

1. 두 방법 장단점은 개인마다 다른 것 같음으로 원하는 방법을 사용하면 된다. 

2. Button 뿐만 아니라 다른 View들도 가능하다.

 

우선 어느 때와 같이 사용하고 싶은 Button을 먼저 생성해줍니다. (코드로 생성해도 가능)

 

 그리고 너무 당연하게 IBOutlet을 생성해줍니다. 이러면 거의 다 끝났습니다. 제일 어려운 부분이었다고 생각이 드네요.

다음은 코드를 붙여 넣고 끝입니다.

self.targetButton.layer.masksToBounds = true
self.targetButton.layer.cornerRadius = 10

원하는 Button에 위 두줄을 입력해주면 끝 정말 간단하다.

 

생성된 버튼을 확인해보면 둥근 효과가 적용된 것을 볼 수 있다. 값을 바꾸어가면서 원하는 값을 찾아서 넣어주면 된다.

반응형