[HIG] Components - Boxes

Apple Developer의 Human Interface Guidelines를 읽고 정리한 글입니다.
전문을 번역한 것이 아닌 혼자 읽고 정리한 글이기에 잘못 이해하거나 오역된 정보가 있을 수 있습니다.

👉 원문 보러가기

Stepper

스테퍼는 값을 증감시키는 두 세그먼트 컨트롤로 이루어진 UI 요소이다.

스테퍼 자체는 값을 표시하지 않기 때문에 현재 값을 표시하는 필드 옆에 배치한다.

Best practices

스테퍼가 영향을 미치는 값을 명확하게 하라.

스테퍼 자체로는 값을 표시할 수 없으므로 사용자가 스테퍼가 어떤 값을 변경시키는지 명확히 알 수 있어야 한다.

값이 크게 변경된다면 스테퍼를 텍스트 필드와 연결하라.

스테퍼는 몇 번의 탭이나 클릭을 통해 작은 변경을 수행하는 경우에 적합하다. 사용하는 값의 변경 폭이 크다면 특정 값을 직접 입력하는 옵션이 더욱 유용할 것이다.