HIG Playground Home GitHub 🇺🇸 EN
HIG Lab → HIG Playground → Image Views

Image Views

iOS Image View의 다양한 표시 옵션을 직접 체험해보세요. 컨트롤 패널에서 속성을 변경하면 iPhone 화면에 즉시 반영됩니다.

9:41
●●●● WiFi 🔋
Image Views
Primary Image
Secondary Image
⚠️ HIG 위반: 이미지가 올바르게 표시되지 않습니다
📚 HIG Guidelines — 직접 체험하기
✓ Do — 올바른 예시
✗ Don't — 나쁜 예시

✓ 이렇게 하세요

  • Maintain the original aspect ratio of images
  • Use appropriate resolution for the display (2x/3x)
  • Provide accessibility descriptions for meaningful images
  • Use clipShape for consistent styling

✗ 이렇게 하지 마세요

  • Stretch images disproportionately
  • Use low-resolution images on Retina displays
  • Forget alternative text for accessibility
  • Apply excessive filters or overlays

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

0
8
16
24
None
Circle
RoundedRect
Capsule
Show Overlay
Show Shadow
SwiftUI Code
Image("photo") .resizable() .aspectRatio(contentMode: .fit)
HIG Lab — Apple Human Interface Guidelines Interactive Playground