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.

스크롤뷰는 사용자가 문서의 텍스트 또는 이미지 모음과 같이 보이는 영역보다 큰 컨텐츠를 탐색 할 수 있게합니다. 사람들이 swipe, flick, drag, tap, and pinch를 하면 스크롤뷰가 제스처를 따라 자연스럽게 느껴지는 방식으로 컨텐츠를 노출하거나 줌 합니다. 스크롤뷰 자체는 모양이 없지만, 사람들이 상호 작용할 때 일시적인 스크롤 인디케이터를 표시합니다. 또한 스크롤뷰는 현재 페이지를 이동하지 않고 완전히 새로운 컨텐츠 페이지를 노출하는 페이징 모드에서 작동하도록 구성할 수도 있습니다.

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.

일반적으로 한 번에 하나의 스크롤뷰를 표시하십시오. 사람들은 스크롤 할 때 종종 큰 스와이프 제스처를 만들고, 같은 화면에서 인접 스크롤 뷰와 상호 작용하는 것을 피하기 어려울 수 있습니다. 한 화면에 두 개의 스크롤뷰를 넣어야하는 경우, 한 개의 제스처가 다른 두 뷰 모두에 영향을 주지 않도록 다른 방향에서 스크롤할 수 있도록 하십시오. 예를 들어 iPhone이 세로 방향일 때 Stocks 앱은 가로로 스크롤되는 회사별 정보 위로 수직으로 스크롤되는 주식 시세를 표시합니다.

For developer guidance, see UIScrollView.

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