๊ธ€ ์ž‘์„ฑ์ž: ๊ฐœ๋ฐœํ•˜๋Š” ํ›ˆ์ด
๐Ÿ’ก ๊ฐœ์ธ์ ์ธ ๊ณต๋ถ€๋ฅผ ๋ชฉ์ ์œผ๋กœ ๋ฒˆ์—ญํ•˜์—ฌ ๊ฐ„๋žตํ•˜๊ฒŒ ์ •๋ฆฌ๋งŒ ํ•œ ๊ธ€์ž…๋‹ˆ๋‹ค. ์ „๋ฌธ์„ ํฌํ•จํ•˜๊ณ  ์žˆ์ง€ ์•Š์œผ๋‹ˆ ์ž์„ธํ•œ ๋‚ด์šฉ์€ ๊ณต์‹๋ฌธ์„œ๋ฅผ ์ฝ์–ด๋ณด์‹œ๊ธธ ๊ถŒํ•ด๋“œ๋ฆฝ๋‹ˆ๋‹ค!
https://developer.apple.com/design/human-interface-guidelines/ios/bars/toolbars/
 

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

A toolbar appears at the bottom of an app screen and contains buttons for performing actions relevant to the current view or content within it. Toolbars are translucent, may have a background tint, and often hide when people are unlikely to need them. For

developer.apple.com

Toolbars

ํˆด๋ฐ”๋Š” ์•ฑ์˜ ํ•˜๋‹จ์— ์œ„์น˜ํ•˜์—ฌ ํ˜„์žฌ ๋ทฐ๋‚˜ ๋ทฐ ๋‚ด์˜ ์ปจํ…์ธ ์— ๋Œ€ํ•œ ํŠน์ •ํ•œ ๋™์ž‘์„ ํฌํ•จํ•˜๋Š” ๋ฐ”์ž…๋‹ˆ๋‹ค. 

  • ์—ฐ๊ด€์„ฑ ์žˆ๋Š” ํˆด๋ฐ” ๋ฒ„ํŠผ์„ ์ œ๊ณตํ•˜์„ธ์š”.
    • ํˆด๋ฐ”๋Š” ํ˜„์žฌ ์ปจํ…์ŠคํŠธ์—์„œ ์ž์ฃผ ์‚ฌ์šฉ๋˜๋Š” ๋ช…๋ น์„ ํฌํ•จํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.
  • ํˆด ๋ฐ”์—์„œ๋Š” 3๊ฐœ ์ดํ•˜์˜ ํ…์ŠคํŠธ ๋ฒ„ํŠผ์„ ์‚ฌ์šฉํ•˜๊ณ , ์ด์™ธ์˜ ๊ฒฝ์šฐ์—๋Š” glyph๋ฅผ ์‚ฌ์šฉํ•˜์„ธ์š”.
    • ํ…์ŠคํŠธ ๋ฒ„ํŠผ์„ ์‚ฌ์šฉํ•˜๋ฉด ๋ช…ํ™•ํ•˜๊ณ  ๊ฐ„๋‹จํ•œ ์ œ๋ชฉ์„ ์‚ฌ์šฉํ•˜์—ฌ ๋ฒ„ํŠผ ๊ฐ„์˜ ๊ฐ„๊ฒฉ์„ ๋งŒ๋“ค์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.
    • ๋ฒ„ํŠผ ์‚ฌ์ด์— ๊ณ ์ •๋œ ๊ณต๊ฐ„์„ ์„ค์ •ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
    • ๊ฐœ๋ฐœ์ž ๊ฐ€์ด๋“œ : UIBarButtonSystemItemFixedSpace / UIBarButtonItem
  • Segmented Control์„ ํˆด๋ฐ”์—์„œ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์€ ํ”ผํ•˜์„ธ์š”.
    • Segment Control์€ ์ปจํ…์ŠคํŠธ๋ฅผ ๋ณ€๊ฒฝํ•˜๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉ๋˜๊ณ , ํˆด๋ฐ”๋Š” ํ˜„์žฌ ํ™”๋ฉด์—์„œ ํŠน์ •ํ•œ ๋™์ž‘์„ ์ˆ˜ํ–‰ํ•˜๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.
    • ๋งŒ์•ฝ ์ปจํ…์ŠคํŠธ๋ฅผ ๋ณ€๊ฒฝํ•˜๊ณ ์ž ํ•œ๋‹ค๋ฉด, ํƒญ ๋ฐ”๋ฅผ ์„ ํƒํ•˜๋Š” ๊ฒƒ์ด ์ ์ ˆํ•ฉ๋‹ˆ๋‹ค.

'๐ŸŽ ์•„์ด-์˜ค-์—์Šค > ๐Ÿ“บ ํžˆ-๊ทธ' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

[HIG] Views - Activity Views  (0) 2021.08.21
[HIG] Views - Action Sheets  (0) 2021.08.21
[HIG] Bars - Tab Bars  (0) 2021.08.21
[HIG] Bars - Status Bars  (0) 2021.08.21
[HIG] Bars - Search Bars  (0) 2021.08.21