[공식문서] SwiftUI_ ContextMenu

• 공식 문서 : contextMenu

 

Declaration

func contextMenu<MenuItems>(menuItems: () -> MenuItems) -> some View where MenuItems : View

 

Return type

context menu를 표현할 수 있는 뷰

 

Parameters

• menuItems

메뉴의 내용을 생성하는 클로저.

클로저에서 아무것도 반환하지 않고 컨텍스트 메뉴를 비활성화할 수 있습니다.

 

Discussion

이 modifier를 사용해서 앱의 유저 인터페이스의 뷰에 context menu를 추가합니다.

menuItems 클로저에서 버튼, 토글, 피커와 같은 컨트롤을 반환하여 메뉴를 구성할 수 있습니다.

또한 Menu를 사용해서 항목을 그룹화하기 위해 하위 메뉴나 Section을 정의할 수 있습니다.

 

아래 예시는 두 개의 버튼으로 구성된 context menu를 갖는 Text 뷰를 생성합니다.

Text("Turtle Rock")
    .padding()
    .contextMenu {
        Button {
            // Add this item to a list of favorites.
        } label: {
            Label("Add to Favorites", systemImage: "heart")
        }
        Button {
            // Open Maps and center it on this item.
        } label: {
            Label("Show in Maps", systemImage: "mappin")
        }
    }

 

control-클릭과 같은 제스쳐나 iOS와 iPadOS에서의 touch&hold 제스쳐 -- 터치 후 누른채로 살짝 유지하는 제스쳐를 말하는 것 같습니다. -- 를 사용해서 메뉴를 활성화 할 수 있습니다.

 

 

메뉴를 선택하거나 메뉴 밖을 탭하면 시스템이 메뉴를 닫습니다.

 

메뉴 옆에 미리보기를 보여주기를 원한다면 contextMenu(menuItems:preview:)를 사용하세요.

List나 Table과 같이 selection을 지원하는 컨테이너에 context menu를 추가하고 선택에 대한 메뉴 활성화와 컨테이너의 빈 영역에서의 활성화를 구별하고 싶다면 contextMenu(forSelectionType:menu:primaryAction:)을 사용하세요.

 

 

Examples

• SwiftUI Tutorials_ Context Menu

SwiftUI Tutorials_ Context Menu