κ°œλ°œν•˜λŠ” ν›ˆμ΄ 2021. 8. 21. 18:21
πŸ’‘ 개인적인 곡뢀λ₯Ό λͺ©μ μœΌλ‘œ λ²ˆμ—­ν•˜μ—¬ κ°„λž΅ν•˜κ²Œ μ •λ¦¬λ§Œ ν•œ κΈ€μž…λ‹ˆλ‹€. 전문을 ν¬ν•¨ν•˜κ³  μžˆμ§€ μ•ŠμœΌλ‹ˆ μžμ„Έν•œ λ‚΄μš©μ€ κ³΅μ‹λ¬Έμ„œλ₯Ό μ½μ–΄λ³΄μ‹œκΈΈ κΆŒν•΄λ“œλ¦½λ‹ˆλ‹€!
https://developer.apple.com/design/human-interface-guidelines/ios/bars/tab-bars/
 

Tab Bars - Bars - iOS - Human Interface Guidelines - Apple Developer

Tab Bars A tab bar appears at the bottom of an app screen and lets people quickly switch among different sections of an app. Tab bars are translucent, may have a background tint, maintain the same height in all screen orientations, and are hidden when a ke

developer.apple.com

Tab Bars

νƒ­ λ°”λŠ” μ•±μ˜ ν•˜λ‹¨μ— μœ„μΉ˜ν•˜λ©΄μ„œ μ‚¬μš©μžκ°€ μ•± λ‚΄μ˜ μ„Ήμ…˜μ„ 이동할 수 μžˆλ„λ‘ ν•˜λŠ” μ˜μ—­μž…λ‹ˆλ‹€.

  • 일반적으둜 νƒ­ λ°”λŠ” μ•±μ˜ 정보λ₯Ό μ •λ¦¬ν•˜κΈ° μœ„ν•΄ 많이 μ‚¬μš©λ©λ‹ˆλ‹€. 
    • νƒ­ λ°”λŠ” μ •λ³΄μ˜ 계측을 λ‹¨μˆœν™”ν•˜λŠ”λ° νš¨κ³Όμ μž…λ‹ˆλ‹€.
    • λ˜ν•œ λΉ„μŠ·ν•œ μ’…λ₯˜μ˜ 정보λ₯Ό ν•œ λ²ˆμ— μ ‘κ·Όν•  수 μžˆλ„λ‘ λ•μŠ΅λ‹ˆλ‹€.
  • νƒ­ λ°”λŠ” λ‚΄λΉ„κ²Œμ΄μ…˜μ˜ μš©λ„λ‘œλ§Œ μ‚¬μš©ν•˜μ„Έμš”.
    • Controlμ΄λ‚˜ 행동을 μ •μ˜ν•˜λŠ” λ²„νŠΌμ„ μ‚¬μš©ν•  λ•ŒλŠ” μ ν•©ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€. 이런 κ²½μš°μ—λŠ” Toolbarλ₯Ό μ‚¬μš©ν•˜μ„Έμš”.
  • μ μ ˆν•œ 개수의 탭을 μ„€μ •ν•˜μ„Έμš”.
    • λ„ˆλ¬΄ λ§Žμ€ 탭은 앱을 λ³΅μž‘ν•˜κ²Œ λ§Œλ“€κ³  μ‚¬μš©μžλ“€μ΄ 정보λ₯Ό νŠΉμ •ν•˜κΈ° μ–΄λ ΅κ²Œ ν•©λ‹ˆλ‹€.
    • μΌλ°˜μ μœΌλ‘œλŠ” 3~5개의 탭이 iPhoneμ—μ„œ μ‚¬μš©λ˜κ³  iPadμ—μ„œλŠ” μ’€ 더 λ§Žμ€ 개수의 탭이 ν—ˆμš©λ©λ‹ˆλ‹€.
  • νƒ­ λ°”λ₯Ό μˆ¨κΈ°μ§€ λ§ˆμ„Έμš”.
    • νƒ­ λ°”λŠ” 전역적인 λ‚΄λΉ„κ²Œμ΄μ…˜μ„ μ œκ³΅ν•˜κΈ° λ•Œλ¬Έμ— μ‚¬μš©μžκ°€ μ–΄λ””λ₯Ό μ‚¬μš©ν•˜λ˜μ§€ 항상 보여야 ν•©λ‹ˆλ‹€.
    • λͺ¨λ‹¬ λ·°λŠ” μ•±μ˜ λ‚΄λΉ„κ²Œμ΄μ…˜κ³ΌλŠ” λ³„κ°œμ˜ μ˜μ—­μ΄κΈ° λ•Œλ¬Έμ— μ˜ˆμ™Έμ μœΌλ‘œ νƒ­ λ°”λ₯Ό 숨길 수 μžˆμŠ΅λ‹ˆλ‹€.
  • κΈ°λŠ₯의 μ‚¬μš©μ΄ λΆˆκ°€λŠ₯ν•˜λ”λΌλ„ 탭을 μ§€μš°κ±°λ‚˜ λΉ„ν™œμ„±ν™”ν•˜μ§€ λ§ˆμ„Έμš”.
    • λͺ¨λ“  κ²½μš°μ— 탭이 λ™μΌν•˜κ²Œ λ™μž‘ν•˜λ„λ‘ ν•΄μ•Ό μ•±μ˜ μΈν„°νŽ˜μ΄μŠ€λ₯Ό μ•ˆμ •μ μœΌλ‘œ ꡬ성할 수 μžˆμŠ΅λ‹ˆλ‹€.
    • λͺ¨λ“  탭은 항상 λ™μž‘ν•΄μ•Ό ν•˜κ³  νƒ­μ˜ 컨텐츠가 μ™œ μ‚¬μš©μ΄ λΆˆκ°€λŠ₯ν•œμ§€ μ„€λͺ…ν•˜μ„Έμš”.
    • 예λ₯Ό λ“€μ–΄ Music μ•±μ—μ„œλŠ” iOS 기기에 μŒμ•…μ΄ 없을 λ•Œ μž¬μƒ νƒ­μœΌλ‘œ μ΄λ™ν•˜λ©΄ μŒμ•…μ„ λ‹€μš΄λ‘œλ“œν•˜λŠ” 방법을 μ„€λͺ…ν•©λ‹ˆλ‹€.
  • μ»¨ν…ŒμŠ€νŠΈλ₯Ό λ°”κΏ€ λ•ŒλŠ” μ—°κ²°λœ λ·° μ•ˆμ—μ„œλ§Œ λ³€κ²½ν•˜μ„Έμš”
    • 예츑 κ°€λŠ₯ν•œ μΈν„°νŽ˜μ΄μŠ€λ₯Ό λ§Œλ“€κΈ° μœ„ν•΄μ„œλŠ” 탭을 μ„ νƒν–ˆμ„ λ•Œ νƒ­ 바와 μ§μ ‘μ μœΌλ‘œ μ—°κ²°λœ 뷰만 영ν–₯을 λ°›μ•„μ•Ό ν•©λ‹ˆλ‹€.
    • 예λ₯Ό λ“€μ–΄, popoverμ—μ„œ μ„ νƒν•œ 탭은 popup μ•„λž˜μ— μœ„μΉ˜ν•œ λ·°μ—λŠ” μ–΄λ–€ 영ν–₯도 μ£Όμ–΄μ„œλŠ” μ•ˆ λ©λ‹ˆλ‹€.
  • Badging을 μ΄μš©ν•΄μ„œ λˆˆμ— λ„κ²Œ ν•˜μ„Έμš”.
    • μˆ«μžλ‚˜ λŠλ‚Œν‘œ 등을 μ‚¬μš©ν•΄μ„œ 탭에 μƒˆλ‘œμš΄ 정보가 μžˆμŒμ„ μ•Œλ¦¬μ„Έμš”.