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

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

A scroll view allows users to browse content, such as text in a document or a collection of images, that’s larger than the visible area. As people swipe, flick, drag, tap, and pinch, a scroll view follows the gesture, revealing or zooming content in a wa

developer.apple.com

Scroll Views

์Šคํฌ๋กค ๋ทฐ๋Š” ์‚ฌ์šฉ์ž๊ฐ€ ํ™”๋ฉด ๋ณด๋‹ค ๋” ๋งŽ์€ ์–‘์˜ ์ปจํ…์ธ ๋ฅผ ํƒ์ƒ‰ํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•ฉ๋‹ˆ๋‹ค. ์Šคํฌ๋กค ๋ทฐ๋Š” ํŠน๋ณ„ํ•œ ์™ธํ˜•์„ ๊ฐ€์ง€๊ณ  ์žˆ์ง€๋Š” ์•Š์ง€๋งŒ ์‚ฌ์šฉ์ž์™€ ์ƒํ˜ธ์ž‘์šฉํ•  ๋•Œ ์Šคํฌ๋กค ๋ฐ”๊ฐ€ ๋‚˜ํƒ€๋‚ฉ๋‹ˆ๋‹ค. 

  • ์ ์ ˆํ•œ ํ™•๋Œ€/์ถ•์†Œ ๋™์ž‘์„ ์ง€์›ํ•˜๋„๋ก ํ•˜์„ธ์š”.
    • ์‚ฌ์šฉ์ž๋“ค์ด ๋”๋ธ”ํƒญ์„ ํ•˜๊ฑฐ๋‚˜ ํ™”๋ฉด์„ ๊ผฌ์ง‘์—ˆ์„ ๋•Œ ํ™•๋Œ€์™€ ์ถ•์†Œ๊ฐ€ ๊ฐ€๋Šฅํ•˜๊ฒŒ ํ•˜์„ธ์š”. 
    • ํ™•๋Œ€/์ถ•์†Œ์˜ ์ตœ๋Œ€์™€ ์ตœ์†Œ๊ฐ’์„ ์ ์ ˆํ•˜๊ฒŒ ์ •ํ•˜์„ธ์š”.
  • ํŽ˜์ด์ง€ ๋ทฐ๋ฅผ ์‚ฌ์šฉํ•  ๋•Œ๋Š” Page Control Element ๊ฐ€ ๋ณด์ด๋„๋ก ํ•˜์„ธ์š”.
    • ํ˜„์žฌ ํŽ˜์ด์ง€์— ๋Œ€ํ•œ ํŽ˜์ด์ง€์˜ ์žฅ์ˆ˜, ํ™”๋ฉด๊ณผ ์ผ„ํ…์ธ ์˜ ์ผ๋ถ€๋ฅผ ๋ณด์—ฌ์ฃผ๋Š” ๊ฒƒ์ด ์ข‹์Šต๋‹ˆ๋‹ค.
  • ์Šคํฌ๋กค ๋ทฐ ๋‚ด๋ถ€์— ๋‹ค๋ฅธ ์Šคํฌ๋กค ๋ทฐ๋ฅผ ์ƒ์„ฑํ•˜์ง€ ๋งˆ์„ธ์š”.
    • ์‚ฌ์šฉํ•˜๊ธฐ์— ์–ด๋ ค์šด ์ธํ„ฐํŽ˜์ด์Šค๊ฐ€ ๋ฉ๋‹ˆ๋‹ค.
  • ์ผ๋ฐ˜์ ์œผ๋กœ ํ•œ ๋ฒˆ์— ํ•˜๋‚˜์˜ ์Šคํฌ๋กค ๋ทฐ๋งŒ ํ‘œ์‹œํ•ฉ๋‹ˆ๋‹ค.
    • ๋งŒ์•ฝ ๋‘ ๊ฐœ์˜ ์Šคํฌ๋กค ๋ทฐ๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค๋ฉด, ์Šคํฌ๋กค์˜ ๋ฐฉํ–ฅ์„ ๋‹ค๋ฅด๊ฒŒ ํ•ด์„œ ๋‘ ์Šคํฌ๋กค ๋ทฐ๊ฐ€ ๋ณ„๊ฐœ๋กœ ๋ณด์ด๋„๋ก ํ•˜์„ธ์š”.

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

[HIG] Views - Web Views  (0) 2021.08.22
[HIG] Views - Tables  (0) 2021.08.22
[HIG] Views - Popovers  (0) 2021.08.22
[HIG] Views - Collections  (0) 2021.08.21
[HIG] Views - Alerts  (0) 2021.08.21