κ°œλ°œν•˜λŠ” ν›ˆμ΄ 2021. 8. 22. 17:49
πŸ’‘ 개인적인 곡뢀λ₯Ό λͺ©μ μœΌλ‘œ λ²ˆμ—­ν•˜μ—¬ κ°„λž΅ν•˜κ²Œ μ •λ¦¬λ§Œ ν•œ κΈ€μž…λ‹ˆλ‹€. 전문을 ν¬ν•¨ν•˜κ³  μžˆμ§€ μ•ŠμœΌλ‹ˆ μžμ„Έν•œ λ‚΄μš©μ€ κ³΅μ‹λ¬Έμ„œλ₯Ό μ½μ–΄λ³΄μ‹œκΈΈ κΆŒν•΄λ“œλ¦½λ‹ˆλ‹€!
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.