[iOS / HIG] 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.

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

 

For developer guidance, see UIScrollView.

개발자 지침은 UIScrollView를 참조하십시오.

 

 

 

※ 참고 출처

애플 개발자 문서

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