Popovers

A popover is a transient view that appears above other content onscreen when you tap a control or in an area. Typically, a popover includes an arrow pointing to the location from which it emerged. Popovers can be nonmodal or modal. A nonmodal popover is dismissed by tapping another part of the screen or a button on the popover. A modal popover is dismissed by tapping a Cancel or other button on the popover.

팝오버는 컨트롤이나 영역을 탭할 때 화면상의 다른 콘텐츠 위에 나타나는 일시적인뷰입니다. 일반적으로 팝오버는 떠오르는 위치를 가리키는 화살표를 포함합니다. 팝오버는 비모달 혹은 모달이 될 수 있습니다. 비모달 팝오버는 화면의 다른 부분이나 팝오버의 버튼을 탭하면 해제됩니다. 모달 팝오버는 팝오버의 취소나 다른 버튼을 탭하면 해제됩니다.

Popovers are most appropriate on larger screens and can contain any variety of elements, including navigation bars, toolbars, tab bars, tables, collections, images, maps, and custom views. When a popover is visible, interactions with other views are normally disabled until the popover is dismissed. Use a popover to show options or information related to the content onscreen. Many iPad apps, for example, show a popover of sharing options when you tap the Action button.

팝오버는 큰 화면에서 가장 적합하며 네비게이션바, 툴바, 탭바, 테이블, 컬렉션, 이미지, 지도 및 사용자 정의 뷰를 비롯한 다양한 요소를 포함 할 수 있습니다. 팝오버가 표시되면 팝오버가 해제 될 때까지 다른 뷰와의 상호 작용은 일반적으로 비활성화됩니다. 옵션이나 화면상의 콘텐츠와 관련된 정보를 보여주기 위해 팝오버를 사용하십시오. 예를 들어, 많은 iPad 앱은 액션 버튼을 탭하면 공유 옵션 팝오버를 보여줍니다.

Avoid displaying popovers on iPhones. Generally, popovers should be reserved for use in iPad apps. In iPhone apps, utilize all available screen space by presenting information in a full-screen modal view, rather than in a popover. For related guidance, see Modality.

iPhone에서 팝업 표시하지 마십시오. 일반적으로 팝오버는 iPad 앱에서 사용하도록 보류해야합니다. iPhone 응용 프로그램에서는 팝오버가 아닌 풀스크린 모달뷰로 정보를 표시하여 사용 가능한 모든 화면 공간을 활용하십시오.

Use a Close button for confirmation and guidance only. A Close button, such as Cancel or Done, is worth including if it provides clarity, such as exiting with or without saving changes. In general, a popover should close automatically when its presence is no longer necessary. In most cases, a popover should close when someone taps outside of its bounds or selects an item in the popover. If multiple selections can be made, the popover should remain open until someone explicitly dismisses it or taps outside of its bounds.

확인 및 안내 용으로만 닫기 버튼을 사용하십시오. 취소 또는 완료와 같은 닫기 버튼은 변경 사항 저장 여부와 상관없이 종료하는 것처럼, 명확성을 제공하면 포함 할 가치가 있습니다. 일반적으로 팝오버는 그것의 존재가 더이상 필요치 않을 때 자동으로 닫혀 야합니다. 대부분의 경우 팝오버는 누군가가 범위를 벗어나 탭하거나 팝오버에서 항목을 선택할 때 닫아야합니다. 여러 항목을 선택할 수있는 경우, 팝오버는 누군가가 명시적으로 해제하거나 범위를 벗어난 탭을 할 때까지 계속 열려 있어야합니다.

Always save work when automatically closing a nonmodal popover. It’s easy to dismiss a nonmodal popover unintentionally by tapping another part of the screen. Discard work only when someone taps an explicit Cancel button.

비모달 팝오버가 자동으로 닫힐 때 항상 작업을 저장하십시오. 무심결에 화면의 다른 부분을 탭함으로써 비모달 팝오버를 해제하기 쉽습니다.누군가 취소 버튼을 분명히 탭하는 경우에만 작업을 취소하십시오.

Position popovers appropriately onscreen. A popover’s arrow should point as directly as possible to the element that revealed it. Because popovers can’t be dragged around the screen, a popover shouldn’t cover essential content people may need to see while using the popover. A popover also shouldn’t cover the element that was tapped to show the popover.

팝오버는 화면 상에 적절히 배치하십시오. 팝오버의 화살표는 그것을 드러낸 요소를 가능한 한 직접적으로 가리켜야 합니다. 팝오버는 화면에서 드래그 할 수 없기 때문에 팝오버를 사용하는 동안 사람들이 볼 필요가 있는 필수 콘텐츠를 덮어서는 안됩니다. 또한 팝오버는 팝오버를 보여주기 위해 탭한 요소를 덮어서는 안됩니다.

Show one popover at a time. Displaying multiple popovers clutters the interface and causes confusion. Never show a cascade or hierarchy of popovers, in which one emerges from another. If you need to show a new popover, close the open one first.

한 번에 하나의 팝업을 보여주십시오. 여러 개의 팝오버를 표시하는 것은 인터페이스를 어지럽히고 혼동을 일으킵니다. 절대 다른것에서 하나가 나오는 cascade 혹은 팝오버의 계층 구조를 보여주지 마십시오. 새로운 팝오버를 보여줄 필요가있는 경우 먼저 열려있는 팝오버를 닫으십시오.

Don’t show another view over a popover. Except for an alert, nothing should be displayed on top of a popover.

팝오버 위에 다른 뷰를 표시하지 마십시오. 경고를 제외하고는 팝오버 상단에 아무것도 표시되지 않아야합니다.

When possible, let users close one popover and open another with a single tap. Avoiding extra taps is especially desirable when several different bar buttons each open a popover.

가능한 경우, 사용자가 한 번 탭으로 다른 팝오버를 닫고 열도록 하십시오. 여분의 탭을 피하는 것은 여러 개의 다른 바 버튼이 각각 팝업을 열 때 특히 바람직합니다.

Avoid making a popover too big. A popover shouldn’t take over the entire screen. Make it only big enough to display its contents and point to the place it came from. Be aware that the system might adjust the size of a popover to ensure it fits well onscreen.

팝오버를 너무 크게 만드는 것을 피하십시오. 팝오버가 전체 화면을 차지해서는 안됩니다. 콘텐츠를 표시하고 출처를 가리키기에 충분할 때에만 크게 만드십시오. 시스템이 화면에 잘 맞는지 확인하기 위해 팝오버의 크기를 조정할 수도 있음을 알아두십시오.

Make sure custom popovers look like popovers. Although you can customize many of the visual aspects of a popover, avoid creating a design people might not recognize as a popover. Popovers tend to work best when they contain standard controls and views.

사용자 정의 팝오버가 팝오버처럼 보이는지 확인하십시오. 팝오버의 많은 시각적 측면을 사용자 정의 할 수 있지만, 사람들이 팝오버로 인식하지 못할 수 도 있는 디자인을 만들지 마십시오. 팝오버는 표준 컨트롤과 뷰가 포함되어있을 때 가장 잘 작동하는 경향이 있습니다.

Provide a smooth transition when changing the size of a popover. Some popovers provide both condensed and expanded views of the same information. If you adjust the size of a popover, animate the change to avoid giving the impression that a new popover replaced the old one.

팝 오버의 크기를 변경할 때 부드러운 전환을 제공하십시오. 일부 팝오버는 동일한 정보에 대한 줄어든 뷰와 확장된 뷰를 둘 다 제공합니다. 팝 오버의 크기를 조정하는 경우, 새 팝 오버가 이전 팝업을 대체했다는 인상을 주지 않도록 변경 사항을 애니메이션 하십시오.

For developer guidance, see UIPopoverPresentationController.

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