본문 바로가기

iOS/HIG

Segmented Controls

Segmented control은 기능적으로 상호 간에 양립하는 두 가지 혹은 더 많은 버튼들을 선 모양으로 모은 것이다. contol내에서 모든 segments들의 너비는 동일하다. 버튼과 같이 segment는 텍스트나 이미지 또한 담을 수 있다. Segmented controls는 보통 다른 view를 표시하기 위해 사용한다. 예를 들어, Maps에서 segmented control은 Map, Transit, Satellite 뷰들을 switch 할 수 있게끔 해준다.

 

 

요구사항

 

  • 유용성을 높이기 위해 segment의 개수를 제한하라.

 길이가 긴 segment는 탭하기 쉽다. iPhone에서 segmented control은 다섯 개 이내의 segments가 적절하다.

 

  • Segment의 content size를 같게하라.

 어떤 segment는 content size를 이행하는데 어떤 것은 안 하면 보기 좋지 않다.

 

  • 텍스트와 이미지를 segmented control에 같이 넣는 것을 지양하라.

 개별 segment에 텍스트 또는 이미지를 포함시킬 수 있지만, 단일 control에서 두 가지를 같이 넣는 것은 일관성이 없고 interfacedp 혼란을 줄 수 있다.

 

  • Custom segmented control을 사용할 때, content를 적절히 배치시켜라

 만약 segmented control의 배경을 바꿀 때, content가 잘 보이는지, 혼란스럽지 않은지 확인해야 한다.

 

'iOS > HIG' 카테고리의 다른 글

Status Bars  (0) 2022.02.09
Navigation Bars  (0) 2022.02.08
Tab Bars  (0) 2022.01.25
Progress Indicators  (0) 2022.01.17
Search Bars  (0) 2022.01.12