애플 휴먼 인터페이스 가이드라인(48) Views -8 Scroll Views

Scroll Views

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 way that feels natural. A scroll view itself has no appearance, but does display transient scrolling indicators as people interact with it. A scroll view can also be configured to operate in paging mode, where scrolling reveals an entirely new page of content rather than moving around the current page.

 

스크롤 뷰는 사용자들이 도큐멘트의 텍스트나 한 화면의 크기보다 큰 이미지 콜렉션 등의 콘텐츠를 탐색하게 합니다. 사용자들이 스와이프, 플릭(강하고 빠르게 스와이프), 드래그, 탭, 핀치하면 스크롤 뷰는 이 제스처를 따르고, 자연스러운 방식에 따라 콘텐츠를 보여주거나 줌합니다. 스크롤 뷰 그 자체는 어떤 모습이 없지만, 사용자가 상호작용하는 동안 일시적으로 스크롤 인디케이터 (스크롤 바)를 보여줍니다. 스크롤 뷰는 페이지 모드를 실행시키기 위해 구성될 수도 있습니다. 현재 페이지에서 이동하지 않고도, 스크롤을 하면 완전히 새 페이지를 보여주는 형태입니다.

Support zoom behavior appropriately. If it makes sense in your app, let people pinch or double-tap to zoom in and out. When you enable zoom, set maximum and minimum scale values that make sense. For example, zooming in on text until a single character fills the screen probably doesn’t make sense in most apps.

줌 기능은 적절할 때 지원하세요. 앱을 사용하는데 논리적으로 말이 될 때만 사용자들이 핀치나 더블탭 해 줌 인/아웃을 하게 하세요. 줌을 사용할 수 있게 한다면, 적절한 최대/최소 크기값을 지정하세요. 예를 들어, 텍스트를 계속 줌해 활자 하나가 화면을 꽉 채우는 수준은 거의 모든 앱에서 논리적으로 말이 안됩니다.

 

Consider showing a page control element when a scroll view is in paging mode. A page control shows how many pages, screens, or other chunks of content are available and indicates which one is currently visible. If you show a page control with a scroll view, disable the scrolling indicator on the same axis to avoid confusion. For additional guidance, see Page Controls.

스크롤 뷰가 페이징 모드라면 페이지 컨트롤 요소를 보여주는걸 고려해보세요. 페이지 컨트롤은 얼마나 많은 페이지, 스크린 혹은 다른 콘텐츠 묶음이 남았고 현재 어디에 있는지 보여줍니다. 만약 페이지 컨트롤을 스크롤 뷰와 같이 사용한다면, 같은 축의 스크롤바는 보여주지 마세요. 혼란을 일으킬 수 있습니다. 추가 가이드는 페이지 컨트롤에서 확인하세요.

 

Don’t place a scroll view inside of another scroll view. Doing so creates an unpredictable interface that’s difficult to control.

다른 스크롤 뷰 안에 또다른 스크롤 뷰를 배치하지 마세요. 이는 종잡을 수 없고 컨트롤하기도 힘든 화면을 만들어냅니다.

 

In general, display one scroll view at a time. People often make large swipe gestures when scrolling, and it can be hard to avoid interacting with a neighboring scroll view on the same screen. If you need to put two scroll views on one screen, consider allowing them to scroll in different directions so one gesture is less likely to affect both views. For example, when an iPhone is in portrait orientation, the Stocks app shows stock quotes that scroll vertically above company-specific information that scrolls horizontally.

For developer guidance, see UIScrollView.

일반적인 경우, 스크롤 뷰는 한번에 한개만 보여주세요. 사용자들은 종종 스크롤 할 때 스와이프를 크게하는 경향이 있고, 이는 같은 화면에 인접하게 붙어있는 스크롤 뷰의 상호작용을 원치않게 일으킬 수 있습니다. 만약 한 화면에 두개의 스크롤 뷰를 한번에 보여줘야겠다면, 서로 다른 방향으로 스크롤 하게 만들어 하나의 제스처가 두개 이상의 스크롤 뷰에 영향을 미치지 않게 하세요. 예를 들어, iPhone이 세로 모드라면, 주식 앱은 시세를 세로 스크롤로, 회사 특정 정보는 가로 스크롤로 움직여 탐색할 수 있게 합니다.