Human Interface Guidelines
  • Intro
  • IOS
    • Themes
    • Interface Essentials
  • App Architecture
    • Accessibility
    • Loading
    • Modality
    • Navigation
    • Onboarding
    • Requesting Permission
    • Settings
  • User Interaction
    • 3D Touch
    • Audio
    • Authentication
    • Data Entry
    • Drag and Drop
    • Feedback
    • File Handling
    • Gestures
    • Near Field Communication
    • Undo and Redo
  • System Capabilities
    • Augmented Reality
    • Multitasking
    • Notifications
    • Printing
    • Quick Look
    • Ratings and Reviews
    • Screenshots
    • TV Providers
  • Visual Design
    • Adaptivity and Layout
    • Animation
    • Branding
    • Color
    • Terminology
    • Typography
    • Video
  • Icons and Images
    • Image Size and Resolution
    • App Icon
    • Custom Icons
    • Launch Screen
    • System Icons
  • Bars
    • Navigation Bars
    • Search Bars
    • Status Bars
    • Tab Bars
    • Toolbars
  • Views
    • Action Sheets
    • Activity Views
    • Alerts
    • Collections
    • Image Views
    • Maps
    • Pages
    • Popovers
    • Scroll Views
    • Split Views
    • Tables
    • Text Views
    • Web Views
  • Controls
    • Buttons
    • Edit Menus
    • Labels
    • Page Controls
    • Pickers
    • Progress Indicators
    • Refresh Content Controls
    • Segmented Controls
    • Sliders
    • Steppers
    • Switches
    • Text Fields
  • Extensions
    • Custom Keyboards
    • Document Providers
    • Home Screen Actions
    • Messaging
    • Photo Editing
    • Sharing and Actions
    • Widgets
Powered by GitBook
On this page
  1. Controls

Steppers

PreviousSlidersNextSwitches

Last updated 6 years ago

A stepper is a two-segment control used to increase or decrease an incremental value. By default, one segment of a stepper displays a plus symbol and the other displays a minus symbol. These symbols can be replaced with custom images, if desired.

스테퍼는 증분 값을 늘리거나 줄이기 위해 사용되는 2 세그먼트 컨트롤입니다. 기본적으로 스테퍼의 한 세그먼트는 더하기 기호를 표시하고 다른 세그먼트는 빼기 기호를 표시합니다. 원하는 경우 이러한 기호를 사용자 지정 이미지로 바꿀 수 있습니다.

Make the value affected by the stepper obvious. A stepper itself doesn’t display any values, so make sure people know which value they’re changing when they use a stepper.

스테퍼의 영향을 받는 값을 명확히 하십시오. 스테퍼 자체는 값을 표시하지 않으므로, 사람들이 스테퍼를 사용할 때 어떤 값이 변하는지 알아야 합니다.

Don’t use a stepper when large value changes are likely. Steppers work well for making small changes that require a few taps. On a printing screen, for example, it makes sense to use a stepper to set the number of copies because people rarely change this setting by much. On the other hand, it doesn’t make sense to use a stepper to choose a page range because even a reasonable page range would require lots of taps.

큰 값의 변경이 있는 경우 스테퍼를 사용하지 마십시오. 스테퍼는 약간의 탭이 필요한 작은 변경 작업에는 잘 작동합니다. 예를 들어, 인쇄 화면에서 스테퍼를 사용하여 사본 수를 설정하는 것이 좋습니다. 사람들이 이 설정을 별로 변경하지 않기 때문입니다. 반면에 적당한 페이지 범위조차도 많은 탭이 필요하기 때문에 스테퍼를 사용하여 페이지 범위를 선택하는 것은 의미가 없습니다.

For developer guidance, see .

UIStepper
Steppers - Controls - iOS - Human Interface Guidelines - Apple Developer