관리 메뉴

김종권의 iOS 앱 개발 알아가기

[iOS - HIG] 53. Segmented control (세그먼트 컨트롤) 본문

HIG(Human Interface Guidelines)/HIG - UI

[iOS - HIG] 53. Segmented control (세그먼트 컨트롤)

jake-kim 2021. 6. 21. 22:39

Segmented control

  • 상호배타적인 내용의 버튼으로 두 개 이상의 세그먼트로 구성된 선형 
    • 세그먼트에는 텍스트, 이미지 모두 가능

  • 넓은 세그먼트가 탭하기 쉬우므로 세그먼트 수를 5개 이하로 설정
  • 세그먼트 컨텐츠 크기를 일관되게 유지하여 어색하지 않도록 표출
  • segmented control의 한 집합에는 하나의 텍스트 or 이미지만 사용하여 혼란스럽지 않게 표출

* 출처

https://developer.apple.com/design/human-interface-guidelines/ios/controls/segmented-controls/

Comments