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

 

 

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

Status Bars The status bar appears along the upper edge of the screen and displays useful information about the device’s current state, like the time, cellular carrier, and battery level. The actual information shown in the status bar varies depending on

developer.apple.com

Status Bar 

์ƒํƒœ ๋ฐ”๋Š” ์Šคํฌ๋ฆฐ ์ตœ์ƒ๋‹จ์— ์œ„์น˜ํ•˜์—ฌ ์‹œ๊ฐ„, ๋ฐฐํ„ฐ๋ฆฌ ์ •๋ณด ๋“ฑ๊ณผ ๊ฐ™์€ ๊ธฐ๊ธฐ์˜ ์ •๋ณด๋ฅผ ๋ณด์—ฌ์ค๋‹ˆ๋‹ค.

  • ์•ฑ์˜ ๋””์ž์ธ๊ณผ ์ƒํƒœ ๋ฐ”์˜ ์Šคํƒ€์ผ์„ ํ†ตํ•ฉํ•˜์„ธ์š”.
    • ์ƒํƒœ๋ฐ”์˜ ์Šคํƒ€์ผ์€ Light ๋‚˜ Dark๋กœ ์„ค์ •ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
    • ์ปจํ…์ธ ๊ฐ€ ์–ด๋‘์šด ์ƒ‰์ƒ์„ ๊ฐ€์กŒ๋‹ค๋ฉด ๋ฐ์€ ์ƒ‰์ƒ์˜ ์ƒํƒœ ๋ฐ” ์Šคํƒ€์ผ์ด ์ž˜ ์–ด์šธ๋ฆฌ๊ณ , ์ปจํ…์ธ ๊ฐ€ ๋ฐ์€ ์ƒ‰์ƒ์„ ๊ฐ€์กŒ๋‹ค๋ฉด ์–ด๋‘์šด ์ƒ์ƒ์˜ ์ƒํƒœ ๋ฐ” ์Šคํƒ€์ผ์ด ์ž˜ ์–ด์šธ๋ฆฝ๋‹ˆ๋‹ค. 
  • ์ƒํƒœ ๋ฐ” ์•„๋ž˜์— ์ปจํ…์ธ ๋Š” ๋ถˆ๋ช…ํ™•ํ•˜๊ฒŒ ํ•˜์„ธ์š”.
    • ์ƒํƒœ๋ฐ”์˜ ๋ฐฐ๊ฒฝ์€ ํˆฌ๋ช…์ƒ‰์ž…๋‹ˆ๋‹ค. ์ƒํƒœ๋ฐ”์˜ ๋‚ด์šฉ๋“ค์˜ ๊ฐ€๋…์„ฑ์„ ํ•ด์น˜์ง€ ์•Š๊ฒŒ ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.
    • ์ด๋ฅผ ์œ„ํ•ด ๋ช‡ ๊ฐ€์ง€ ๋ฐฉ๋ฒ•์„ ์„ ํƒํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
      • ๋‚ด๋น„๊ฒŒ์ด์…˜ ๋ฐ”๋ฅผ ์‚ฌ์šฉํ•ด์„œ ์ƒํƒœ ๋ฐ” ๋ฐ‘์œผ๋กœ๋Š” ์ปจํ…์ธ ๊ฐ€ ๋“œ๋Ÿฌ๋‚˜์ง€ ์•Š๋„๋ก ํ•ฉ๋‹ˆ๋‹ค.
      • ์ƒํƒœ ๋ฐ”์˜ ๋ฐ‘์— ์ด๋ฏธ์ง€๋‚˜ ๋‹จ์ƒ‰์„ ๊น”์•„ ๋‘ก๋‹ˆ๋‹ค.
      • ๋ธ”๋Ÿฌ ์ฒ˜๋ฆฌ๊ฐ€ ๋œ ๋ทฐ๋ฅผ ์ƒํƒœ๋ฐ” ์•„๋ž˜์— ์œ„์น˜์‹œํ‚ต๋‹ˆ๋‹ค.
        • ๊ฐœ๋ฐœ์ž ๊ฐ€์ด๋“œ: UIBlurEffect 
  • ํ’€ ์Šคํฌ๋ฆฐ์„ ์‚ฌ์šฉํ•˜๋Š” ์ƒํ™ฉ์—์„œ๋Š” ์ƒํƒœ๋ฐ”๋ฅผ ์ˆจ๊ธฐ์„ธ์š”.
    • ์ƒํƒœ ๋ฐ”๋Š” ์‚ฌ์šฉ์ž๊ฐ€ ํ’€ ์Šคํฌ๋ฆฐ์— ์ง‘์ค‘ํ•  ๋•Œ ๋ฐฉํ•ด๊ฐ€ ๋ฉ๋‹ˆ๋‹ค.
    • ์ƒํƒœ ๋ฐ”๋ฅผ ์ˆจ๊ธฐ๋ฉด ๋” ๋ชฐ์ž…๊ฐ ์žˆ๋Š” ํ™”๋ฉด์„ ์ œ๊ณตํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • ์˜๊ตฌ์ ์œผ๋กœ ์ƒํƒœ ๋ฐ”๋ฅผ ์ˆจ๊ธฐ๋Š” ๊ฒƒ์€ ์ง€์–‘ํ•˜์„ธ์š”.
    • ์ƒํƒœ ๋ฐ”๊ฐ€ ์—†๋‹ค๋ฉด ์‚ฌ์šฉ์ž๋Š” ๊ธฐ๊ธฐ์˜ ์ƒํƒœ๋ฅผ ํ™•์ธํ•˜๊ธฐ ์œ„ํ•ด ์•ฑ์„ ์ข…๋ฃŒํ•ด์•ผ ํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค.
    • ์ƒํƒœ ๋ฐ”๊ฐ€ ์ˆจ๊ฒจ์ ธ ์žˆ๋‹ค๋ฉด ๊ฐ„๋‹จํ•œ ์ œ์Šค์ฒ˜๋กœ ๋‹ค์‹œ ํ™œ์„ฑํ™”ํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•˜์„ธ์š”.
    • ๊ฐœ๋ฐœ์ž ๊ฐ€์ด๋“œ 

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

[HIG] Bars - Toolbars  (0) 2021.08.21
[HIG] Bars - Tab Bars  (0) 2021.08.21
[HIG] Bars - Search Bars  (0) 2021.08.21
[HIG] Bars - Navigation Bars  (0) 2021.08.21
[HIG] iOS - Interface Essentials  (0) 2021.08.21