다음 표준 컨트롤이 UIElement에 빌드됩니다.
컨텍스트 메뉴 컨트롤은 컨텍스트에 따라 선택 옵션과 액션을 표시하는 표준 컨트롤입니다. 보통 컨텍스트는 현재 선택 항목이지만, 무엇이든 될 수 있습니다.
이 주제는 컨텍스트 메뉴를 추가하는 방법, 컨텍스트 메뉴의 콜백 및 사용자 선택에 반응하는 방법을 설명합니다.
컨텍스트 메뉴를 표시하려면 컨텍스트 메뉴 표시를 트리거하는 이벤트의 콜백에서 ContextualMenuManager.DisplayMenu()를 호출합니다.
예를 들어 마우스 오른쪽 버튼 클릭이 실행되면 컨텍스트 메뉴가 표시되도록 하려는 경우, OnMouseUpEvent의 콜백에 다음 코드를 추가하십시오.
// In a VisualElement subclass
void OnMouseUpEvent(MouseUpEvent evt)
{
if (elementPanel == null || elementPanel.contextualMenuManager == null)
return;
if (evt.button != MouseButton.RightMouse || evt.modifiers != EventModifiers.None)
return;
elementPanel.contextualMenuManager.DisplayMenu(evt, this);
evt.StopPropagation();
evt.PreventDefault();
}
위 예제에서는 ContextualMenuManager.DisplayMenu()가 ContextualMenuPopulateEvent 이벤트 타겟을 DisplayMenu()의 두 번째 인자로 전송합니다. 이 이벤트는 시각 요소 트리로 전파 경로(시각 트리의 루트에서 이벤트 타겟으로, 이후 다시 시각 트리를 따라 루트로)를 따라 전파됩니다. 전파 경로를 따라 ContextualMenuPopulateEvent 이벤트를 위한 콜백을 포함한 요소가 컨텍스트 메뉴에 항목을 추가하거나, 삭제하거나 수정할 수 있습니다.
또한 위 예제는 StopPropagation을 사용하는 방법 및 요소가 PreventDefault()와 함께 표시되지 않도록 방지하는 방법을 나타냅니다.
컨텍스트 메뉴를 추가하려면 시각 요소에 ContextualMenuManipulator 조종기를 연결합니다. 이 조종기는 마우스 오른쪽 버튼 눌림 해제 이벤트 또는 메뉴 키 눌림 해제 이벤트 후 컨텍스트 메뉴를 표시하는 콜백을 추가합니다. 또한 ContextualMenuManipulator 조종기는 ContextualMenuPopulateEvent에 반응하는 콜백을 추가합니다.
이렇게 설치된 콜백은 컨텍스트 메뉴를 채우기 위한 델리게이트도 호출합니다. 조종기를 인스턴스화할 때 델리게이트가 제공됩니다. 다음 코드 예제는 이를 수행하는 방법을 나타냅니다.
void InstallManipulator(VisualElement element)
{
ContextualMenuManipulator m = new ContextualMenuManipulator(MyDelegate);
m.target = element;
}
void MyDelegate(ContextualMenuPopulateEvent event)
{
// Modify event.menu
event.menu.AppendAction("Properties", DisplayProperties, DropdownMenu.MenuAction.AlwaysEnabled);
}
void DisplayProperties(DropdownMenu.MenuAction menuItem)
{
// ...
}
ContextualMenuPopulateEvent를 수신한 요소는 DropdownMenu.InsertAction()이나 DropdownMenu.AppendAction()을 호출하여 컨텍스트 메뉴에 메뉴 항목을 추가합니다.
이러한 함수는 각각 2개의 콜백을 파라미터로 사용합니다. 첫 번째 콜백은 사용자가 메뉴의 항목을 선택하면 실행됩니다. 두 번째 콜백은 메뉴를 표시하기 전에 실행됩니다. 두 번째 콜백은 메뉴 항목의 활성화 여부도 확인합니다.
두 콜백 모두 MenuAction을 파라미터로 수신합니다. MenuAction은 메뉴 항목을 나타내며, 다음과 같은 기타 유용한 프로퍼티도 포함합니다.
MenuAction.userData는 AppendAction() 또는 InsertAction()과 함께 사용되었을 수 있는 사용자 데이터에 대한 레퍼런스를 포함합니다.MenuAction.eventInfo는 컨텍스트 메뉴의 표시를 트리거한 이벤트에 관한 정보를 포함합니다. 이벤트에 상응하는 액션에서 MenuAction.eventInfo를 사용하십시오. 예를 들어, 마우스 포지션을 사용하여 선택한 컨텍스트 메뉴 항목에 기반하여 오브젝트를 생성하고 배치할 수 있습니다.