Toolbars — HIG Playground

iOS 툴바의 구성과 스타일을 직접 체험해보세요. 아이템 수, 표시 스타일, 위치를 변경하면 iPhone 화면에 즉시 반영됩니다.

9:41

●●●● WiFi 🔋

Toolbars

Meeting Notes

Today we discussed the upcoming product launch timeline and assigned tasks to each team member. Key decisions were made regarding the marketing strategy.

Action items include finalizing the design review, preparing the press release, and coordinating with the engineering team on the beta rollout schedule.

Next meeting is scheduled for Friday at 2:00 PM.

⚠️ HIG 위반: 툴바가 복잡합니다

📚 HIG Guidelines — 직접 체험하기

✓ Do — 올바른 예시

✗ Don't — 나쁜 예시

✓ 이렇게 하세요

Use toolbars for actions related to the current view
Use standard system icons
Keep toolbar items to 3-5 for usability
Use consistent icon style

✗ 이렇게 하지 마세요

Don't overcrowd the toolbar
Don't use text-only buttons when icons are clearer
Don't mix navigation and actions
Don't place unrelated actions in the toolbar

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

Style

Icon

Text

Both

Placement

Top

Bottom

SwiftUI Code