[HIG] Bars - Tab Bars
๐ก ๊ฐ์ธ์ ์ธ ๊ณต๋ถ๋ฅผ ๋ชฉ์ ์ผ๋ก ๋ฒ์ญํ์ฌ ๊ฐ๋ตํ๊ฒ ์ ๋ฆฌ๋ง ํ ๊ธ์ ๋๋ค. ์ ๋ฌธ์ ํฌํจํ๊ณ ์์ง ์์ผ๋ ์์ธํ ๋ด์ฉ์ ๊ณต์๋ฌธ์๋ฅผ ์ฝ์ด๋ณด์๊ธธ ๊ถํด๋๋ฆฝ๋๋ค!
https://developer.apple.com/design/human-interface-guidelines/ios/bars/tab-bars/
Tab Bars
ํญ ๋ฐ๋ ์ฑ์ ํ๋จ์ ์์นํ๋ฉด์ ์ฌ์ฉ์๊ฐ ์ฑ ๋ด์ ์น์ ์ ์ด๋ํ ์ ์๋๋ก ํ๋ ์์ญ์ ๋๋ค.
- ์ผ๋ฐ์ ์ผ๋ก ํญ ๋ฐ๋ ์ฑ์ ์ ๋ณด๋ฅผ ์ ๋ฆฌํ๊ธฐ ์ํด ๋ง์ด ์ฌ์ฉ๋ฉ๋๋ค.
- ํญ ๋ฐ๋ ์ ๋ณด์ ๊ณ์ธต์ ๋จ์ํํ๋๋ฐ ํจ๊ณผ์ ์ ๋๋ค.
- ๋ํ ๋น์ทํ ์ข ๋ฅ์ ์ ๋ณด๋ฅผ ํ ๋ฒ์ ์ ๊ทผํ ์ ์๋๋ก ๋์ต๋๋ค.
- ํญ ๋ฐ๋ ๋ด๋น๊ฒ์ด์
์ ์ฉ๋๋ก๋ง ์ฌ์ฉํ์ธ์.
- Control์ด๋ ํ๋์ ์ ์ํ๋ ๋ฒํผ์ ์ฌ์ฉํ ๋๋ ์ ํฉํ์ง ์์ต๋๋ค. ์ด๋ฐ ๊ฒฝ์ฐ์๋ Toolbar๋ฅผ ์ฌ์ฉํ์ธ์.
- ์ ์ ํ ๊ฐ์์ ํญ์ ์ค์ ํ์ธ์.
- ๋๋ฌด ๋ง์ ํญ์ ์ฑ์ ๋ณต์กํ๊ฒ ๋ง๋ค๊ณ ์ฌ์ฉ์๋ค์ด ์ ๋ณด๋ฅผ ํน์ ํ๊ธฐ ์ด๋ ต๊ฒ ํฉ๋๋ค.
- ์ผ๋ฐ์ ์ผ๋ก๋ 3~5๊ฐ์ ํญ์ด iPhone์์ ์ฌ์ฉ๋๊ณ iPad์์๋ ์ข ๋ ๋ง์ ๊ฐ์์ ํญ์ด ํ์ฉ๋ฉ๋๋ค.
- ํญ ๋ฐ๋ฅผ ์จ๊ธฐ์ง ๋ง์ธ์.
- ํญ ๋ฐ๋ ์ ์ญ์ ์ธ ๋ด๋น๊ฒ์ด์ ์ ์ ๊ณตํ๊ธฐ ๋๋ฌธ์ ์ฌ์ฉ์๊ฐ ์ด๋๋ฅผ ์ฌ์ฉํ๋์ง ํญ์ ๋ณด์ฌ์ผ ํฉ๋๋ค.
- ๋ชจ๋ฌ ๋ทฐ๋ ์ฑ์ ๋ด๋น๊ฒ์ด์ ๊ณผ๋ ๋ณ๊ฐ์ ์์ญ์ด๊ธฐ ๋๋ฌธ์ ์์ธ์ ์ผ๋ก ํญ ๋ฐ๋ฅผ ์จ๊ธธ ์ ์์ต๋๋ค.
- ๊ธฐ๋ฅ์ ์ฌ์ฉ์ด ๋ถ๊ฐ๋ฅํ๋๋ผ๋ ํญ์ ์ง์ฐ๊ฑฐ๋ ๋นํ์ฑํํ์ง ๋ง์ธ์.
- ๋ชจ๋ ๊ฒฝ์ฐ์ ํญ์ด ๋์ผํ๊ฒ ๋์ํ๋๋ก ํด์ผ ์ฑ์ ์ธํฐํ์ด์ค๋ฅผ ์์ ์ ์ผ๋ก ๊ตฌ์ฑํ ์ ์์ต๋๋ค.
- ๋ชจ๋ ํญ์ ํญ์ ๋์ํด์ผ ํ๊ณ ํญ์ ์ปจํ ์ธ ๊ฐ ์ ์ฌ์ฉ์ด ๋ถ๊ฐ๋ฅํ์ง ์ค๋ช ํ์ธ์.
- ์๋ฅผ ๋ค์ด Music ์ฑ์์๋ iOS ๊ธฐ๊ธฐ์ ์์ ์ด ์์ ๋ ์ฌ์ ํญ์ผ๋ก ์ด๋ํ๋ฉด ์์ ์ ๋ค์ด๋ก๋ํ๋ ๋ฐฉ๋ฒ์ ์ค๋ช ํฉ๋๋ค.
- ์ปจํ
์คํธ๋ฅผ ๋ฐ๊ฟ ๋๋ ์ฐ๊ฒฐ๋ ๋ทฐ ์์์๋ง ๋ณ๊ฒฝํ์ธ์
- ์์ธก ๊ฐ๋ฅํ ์ธํฐํ์ด์ค๋ฅผ ๋ง๋ค๊ธฐ ์ํด์๋ ํญ์ ์ ํํ์ ๋ ํญ ๋ฐ์ ์ง์ ์ ์ผ๋ก ์ฐ๊ฒฐ๋ ๋ทฐ๋ง ์ํฅ์ ๋ฐ์์ผ ํฉ๋๋ค.
- ์๋ฅผ ๋ค์ด, popover์์ ์ ํํ ํญ์ popup ์๋์ ์์นํ ๋ทฐ์๋ ์ด๋ค ์ํฅ๋ ์ฃผ์ด์๋ ์ ๋ฉ๋๋ค.
- Badging์ ์ด์ฉํด์ ๋์ ๋๊ฒ ํ์ธ์.
- ์ซ์๋ ๋๋ํ ๋ฑ์ ์ฌ์ฉํด์ ํญ์ ์๋ก์ด ์ ๋ณด๊ฐ ์์์ ์๋ฆฌ์ธ์.
'๐ ์์ด-์ค-์์ค > ๐บ ํ-๊ทธ' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[HIG] Views - Action Sheets (0) | 2021.08.21 |
---|---|
[HIG] Bars - Toolbars (0) | 2021.08.21 |
[HIG] Bars - Status Bars (0) | 2021.08.21 |
[HIG] Bars - Search Bars (0) | 2021.08.21 |
[HIG] Bars - Navigation Bars (0) | 2021.08.21 |
๋๊ธ
์ด ๊ธ ๊ณต์ ํ๊ธฐ
-
๊ตฌ๋
ํ๊ธฐ
๊ตฌ๋ ํ๊ธฐ
-
์นด์นด์คํก
์นด์นด์คํก
-
๋ผ์ธ
๋ผ์ธ
-
ํธ์ํฐ
ํธ์ํฐ
-
Facebook
Facebook
-
์นด์นด์ค์คํ ๋ฆฌ
์นด์นด์ค์คํ ๋ฆฌ
-
๋ฐด๋
๋ฐด๋
-
๋ค์ด๋ฒ ๋ธ๋ก๊ทธ
๋ค์ด๋ฒ ๋ธ๋ก๊ทธ
-
Pocket
Pocket
-
Evernote
Evernote