[iOS] 세그먼트 컨트롤 디자인

서론

이번 시간에는 Segmentes Control에 대해 알아보고 Segmented Control 사용법에 대해서 알아보도록 하겠습니다.

Segmentes Control이란?

Segmentes Control이란 iOS의 세그먼트 컨트롤(Segmented Control)은 사용자가 여러 옵션 중 하나를 선택할 수 있는 컨트롤 요소입니다. 주로 선택적인 작업 또는 필터링에 사용됩니다.

 

세그먼트는 단일 또는 다중 선택 또는 명령 목록을 나타낼 수 있는 오브젝트입니다.

각 세그먼트는 텍스트 또는 이미지를 표시할 수 있지만 둘 다 표시할 수는 없다는 특징을 가지고 있습니다.

 

Segmented Control 사용법

프로젝트 Main에서 + 버튼 혹은 cmd + Shift + L 버튼을 눌러서 Segmented Control을 검색해줍니다.

해당 오브젝트를 캔버스에 추가해주겠습니다.



저는 BMI Calculator 텍스트 위에 세그먼트를 추가해주고 각각 남성, 여성으로 텍스트를 변경해주도록 하겠습니다. 텍스트를 변경하는 방법은 오른쪽 인스펙터에서 원하는 세그먼트를 선택해주고 Title에 원하는 텍스트를 입력해주면 됩니다.

Title 변경

세그먼트 변경

Segmented Control와 소스 연결

캔버스에서 Segmented Control을 넣어줬다면 이제 기능이 작동하도록 소스와 연결을 해줘야 합니다. 저는 아래 네모 박스 쪽에 연결을 해주고 콘솔 창에 세그먼트 버튼을 누르면 해당 타이틀이 출력되도록 소스를 더 추가해줬습니다.

연결을 할 때는 각 속성을 아래처럼 설정해주시면 됩니다!(이름은 본인이 원하는 걸로 하면 됩니다!)

연결이 완료 되었으면 이제 실행해서 세그먼트 컨트롤이 잘 작동하는지 확인해주시면 됩니다!

 

감사합니다.

---

틀린 부분이 있거나 더 좋은 내용 훈수 환영합니다!

공감과 댓글 부탁드립니다.