Page Controls

A page control shows the position of the current page in a flat list of pages. It appears as a series of small indicator dots, representing the available pages in the order they were opened. A solid dot denotes the current page. Visually, these dots are always equidistant, and are clipped if too many appear onscreen. Users can tap the leading or trailing edge of a page control to visit the next or previous page, but they can't tap a specific dot to go to a specific page. Navigation always occurs sequentially, usually by swiping the page to one side.

페이지 컨트롤은 페이지의 플랫 목록에 현재 페이지의 위치를 ​​보여줍니다. 사용 가능한 페이지가 열린 순서대로 표시되는 일련의 작은 표시기 점으로 나타납니다. 단색 점은 현재 페이지를 나타냅니다. 시각적으로,이 점들은 항상 등거리이며, 화면에 너무 많이 나타나면 잘립니다. 사용자는 페이지 컨트롤의 앞 또는 뒤 가장자리를 탭하여 다음 또는 이전 페이지를 방문 할 수 있지만 특정 점을 탭하여 특정 페이지로 이동할 수는 없습니다. 탐색은 항상 페이지를 한쪽으로 스와이프하여 순차적으로 발생합니다.

Don’t use a page control with hierarchical pages. A page control doesn’t show how pages are related or indicate which page corresponds to each dot. This type of control is designed for pages that are peers to one another.

계층 구조 페이지에 페이지 컨트롤을 사용하지 마십시오. 페이지 컨트롤은 페이지가 어떻게 관련 되는지 혹은 각 점과 일치하는 페이지를 가리키는지 보여주지 않습니다. 이러한 유형의 컨트롤은 서로 다른 유형의 페이지를 위해 설계되었습니다.

Don’t display too many pages. More than about 10 dots are hard to count at a glance, and more than about 20 open pages are time-consuming to visit in sequence. If your app needs to display more than 20 pages as peers, consider using a different arrangement—such as a grid—that enables nonsequential navigation.

너무 많은 페이지를 표시하지 마십시오. 한 번에 10개 이상의 점들을 셀 수 없으며, 약 20개 이상의 열린 페이지를 차례로 방문하는데 시간이 많이 소요됩니다. 앱에서 20페이지 이상을 피어로 표시해야 하는 경우 순차적이지 않은 탐색을 지원하는 그리드 등의 다른 배열을 사용하는 것이 좋습니다.

Center page controls at the bottom of the screen. A page control should always be centered and positioned between the bottom of the content and the bottom of the screen. This keeps it visible, without blocking content.

화면 아래 중앙에 페이지 컨트롤을 배치하십시오. 페이지 컨트롤은 항상 가운데에 놓여 있어야하며 컨텐츠의 아래쪽과 화면 아래쪽 사이에 있어야합니다. 이렇게하면 내용을 차단하지 않고도 계속 볼 수 있습니다.

For developer guidance, see UIPageControl.

Page Controls - Controls - iOS - Human Interface Guidelines - Apple Developer