π μμ΄-μ€-μμ€/πΊ ν-κ·Έ
[HIG] Bars - Tab Bars
κ°λ°νλ νμ΄
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μ μ΄μ©ν΄μ λμ λκ² νμΈμ.
- μ«μλ λλν λ±μ μ¬μ©ν΄μ νμ μλ‘μ΄ μ λ³΄κ° μμμ μ리μΈμ.