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

Popovers - Views - iOS - Human Interface Guidelines - Apple Developer

Popovers A popover is a transient view that appears above other content onscreen when you tap a control or in an area. Typically, a popover includes an arrow pointing to the location from which it emerged. Popovers can be nonmodal or modal. A nonmodal popo

developer.apple.com

Popovers 

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

 

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

๊ฐœ๋ฐœ์ž ๊ฐ€์ด๋“œ : UIPopoverPresentationController.

 

 

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

[HIG] Views - Tables  (0) 2021.08.22
[HIG] Views - Scroll Views  (0) 2021.08.22
[HIG] Views - Collections  (0) 2021.08.21
[HIG] Views - Alerts  (0) 2021.08.21
[HIG] Views - Activity Views  (0) 2021.08.21