iOS

[iOS] Navigation๊ณผ Modal

yevdev 2022. 6. 29. 22:30

๐Ÿ’กNavigation๊ณผ Modal์˜ ํ•„์š”์„ฑ?

- ์‚ฌ์šฉ์ž๊ฐ€ ์„œ๋น„์Šค ์ œ๊ณต์ž์˜ ์˜๋„๋ฅผ ์ž˜ ์ธ์ง€ํ•˜๊ฒŒ ๋„์™€์ฃผ๊ณ , ์•ฑ ์‚ฌ์šฉ์„ฑ์„ ์‰ฝ๊ฒŒ ์ดํ•ดํ•˜๊ฒŒ ๋„์™€์ฃผ๊ธฐ ์œ„ํ•ด์„œ

 

 

 

1๏ธโƒฃ Modal ์˜ ์ข…๋ฅ˜

1. iOS์—์„œ ์ œ๊ณตํ•˜๋Š” ์‹œ์Šคํ…œ ๋ชจ๋‹ฌ

2. ์ง์ ‘ ๊ฐœ๋ฐœ (๋ชจ๋‹ฌ์„ ๋„์šฐ๋Š” ์Šคํƒ€์ผ)

  • automatic → pageSheet ํ˜•ํƒœ
  • fullscreen
  • popover
  • page sheet & form sheet
  • current context
  • custom

๐Ÿš€ Modal ๊ตฌํ˜„

- ๋ทฐ์ปจํŠธ๋กค๋Ÿฌ์˜  present(_:animated:completion:) ๋ฉ”์†Œ๋“œ๋ฅผ ์‚ฌ์šฉ

 

 

 

 

2๏ธโƒฃ iOS์˜ ์ฃผ์š” Navigation ์Šคํƒ€์ผ

  • Hierarchical Navigation : ์„ค์ •์•ฑ
  • Falat Navigation : ์• ํ”Œ ๋ฎค์ง, ์•ฑ์Šคํ† ์–ด (ํƒญ๋ฐ”๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์•ฑ)
  • Content-Drive or Experience-Driven Navigation : ๊ฒŒ์ž„, ๋ถ์Šค (์ถ”์ฒœ ๋กœ์ง์ด ๋“ค์–ด๊ฐ„ ์•ฑ)

→ ์Šคํƒ€์ผ์ด ๋‚˜๋‰˜์–ด์ ธ์žˆ๋‹ค์ผ ๋ฟ,, ๊ทธ๋ƒฅ ๋‹ค ๋ณตํ•ฉ์ ์œผ๋กœ ์‚ฌ์šฉ

 

๐Ÿš€Navigation์˜ ๊ตฌํ˜„

1. TabbarController2. NavigationController

 

 

 

 

โžฐ ์•ฑ์„ ๊ตฌํ˜„ํ•˜๋ฉด์„œ ์ฐธ๊ณ ํ•˜๋ฉด ์ข‹์„ ์ž๋ฃŒ

HIG(Human Interface Guideline) 

 

Human Interface Guidelines - Human Interface Guidelines - Design - Apple Developer

Human Interface Guidelines The HIG contains guidance and best practices that can help you design a great experience for any Apple platform. Featured Foundations Understand how fundamental design elements help you create rich experiences. Foundations Patter

developer.apple.com

 

 

โžฐ Modal์„ ์ด์šฉํ•œ ํ† ์ดํ”„๋กœ์ ํŠธ

https://yexjinitlog.tistory.com/115

 

[iOS : Toy Project] Apple Framework List (3) : Modal

โžฐ ์ด์ „ ์ฝ”๋“œ ๋‚ด์šฉ Apple Framework List(1) Apple Framework List(2) ๐Ÿ’ก Apple Framework List(3)์—์„œ ํ•  ๊ฒƒ์€ Modal ๊ตฌํ˜„! - ๊ฐ ์•„์ดํ…œ๋“ค์„ ๋ˆŒ๋ €์„ ๋•Œ, ์ƒํƒœ๋ทฐ๊ฐ€ ๋ชจ๋‹ฌ๋กœ ๋„์›Œ์ง€๋Š” ๊ฒƒ์„ ๊ตฌํ˜„ํ•  ๊ฒƒ์ด๋‹ค. 1๏ธโƒฃ Det..

yexjinitlog.tistory.com

 

โžฐ Navigation์„ ์ด์šฉํ•œ ํ† ์ดํ”„๋กœ์ ํŠธ

https://yexjinitlog.tistory.com/116

 

[iOS : Toy Project] Head Space Focus (2) : Navigation

โžฐ ์ด์ „ ์ฝ”๋“œ ๋‚ด์šฉ Head Space Focus ๐Ÿ’กHead Space Focus(2)์—์„œ ํ•  ๊ฒƒ์€ Navigation ๊ตฌํ˜„! - ์ƒ์„ธ ๋ทฐ๋กœ ๋„˜์–ด๊ฐ€๊ฒŒ ํ•˜๊ธฐ! โ—๏ธNavigation์„ ๊ตฌํ˜„ํ•  ๋•Œ๋Š”, ์‚ฌ์šฉ์ž๊ฐ€ ์ตœ๋Œ€ํ•œ ๊ฐœ๋ฏธ์ง€์˜ฅ์—์„œ ํƒˆ์ถœํ•  ์ˆ˜ ์žˆ๋„๋ก ๊ตฌํ˜„ํ•ด..

yexjinitlog.tistory.com

 


Reference

ํŒจ์ŠคํŠธ์บ ํผ์Šค ์˜จ๋ผ์ธ ๊ฐ•์˜

Apple ๊ณต์‹ ๋ฌธ์„œ (HIG)