HIG Playground Home GitHub🇺🇸 EN
HIG Lab → HIG Playground → Page Controls

Page Controls

iOS 페이지 컨트롤(인디케이터 점)의 동작과 스타일을 직접 체험해보세요. 페이지 수, 스타일, 인터랙션 방식을 변경하면 iPhone 화면에 즉시 반영됩니다.

9:41
●●●● WiFi 🔋
Page Controls
Content Pages
⚠️ HIG 위반: 페이지 컨트롤이 부적절합니다
📚 HIG Guidelines — 직접 체험하기
✓ Do — 올바른 예시
✗ Don't — 나쁜 예시

✓ 이렇게 하세요

  • Use page controls for flat, peer content (like onboarding)
  • Keep page count small (under 10)
  • Make current page indicator clearly visible
  • Support both tap and swipe interactions

✗ 이렇게 하지 마세요

  • Don't use page controls for hierarchical content
  • Don't use more than ~10 pages
  • Don't make dots too small to tap
  • Don't use page controls as the only navigation method

👆 iPhone 미리보기에서 나쁜 패턴을 직접 확인해보세요

1
2
3
Dots
Numbers
Tap
Swipe
SwiftUI Code
HIG Lab — Apple Human Interface Guidelines Interactive Playground