Notice
Recent Posts
Recent Comments
Link
«   2024/05   »
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
Tags more
Archives
Today
Total
관리 메뉴

김종권의 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/

저작자표시

'HIG(Human Interface Guidelines) > HIG - UI' 카테고리의 다른 글

[iOS - HIG] 55. Steppers  (0) 2021.06.23
[iOS - HIG] 54. Sliders (슬라이더)  (0) 2021.06.23
[iOS - HIG] 52. Refresh Content Controls  (0) 2021.06.20
[iOS - HIG] 51. Pull-Down Menus (풀다운 메뉴, UIMenu)  (0) 2021.06.19
[iOS - HIG] 50. Progress Indicators (로딩 표시)  (0) 2021.06.18
'HIG(Human Interface Guidelines)/HIG - UI' Related Articles more
Comments