TabView.TabDroppedOutside 이벤트

정의

네임스페이스:

Microsoft.UI.Xaml.Controls

사용자가 TabStrip 영역 외부에 탭을 놓아 끌어서 놓기 작업을 완료할 때 발생합니다.

// Register
event_token TabDroppedOutside(TypedEventHandler<TabView, TabViewTabDroppedOutsideEventArgs const&> const& handler) const;

// Revoke with event_token
void TabDroppedOutside(event_token const* cookie) const;

// Revoke with event_revoker
TabView::TabDroppedOutside_revoker TabDroppedOutside(auto_revoke_t, TypedEventHandler<TabView, TabViewTabDroppedOutsideEventArgs const&> const& handler) const;

public event TypedEventHandler<TabView,TabViewTabDroppedOutsideEventArgs> TabDroppedOutside;

function onTabDroppedOutside(eventArgs) { /* Your code */ }
tabView.addEventListener("tabdroppedoutside", onTabDroppedOutside);
tabView.removeEventListener("tabdroppedoutside", onTabDroppedOutside);
- or -
tabView.ontabdroppedoutside = onTabDroppedOutside;

Public Custom Event TabDroppedOutside As TypedEventHandler(Of TabView, TabViewTabDroppedOutsideEventArgs) 

이벤트 유형

TypedEventHandler<TabView,TabViewTabDroppedOutsideEventArgs>

예제

팁

자세한 정보, 디자인 지침 및 코드 예제는 TabView를 참조하세요.

WinUI 3 갤러리 앱을 열고 TabView의 작동을 확인합니다.

WinUI 3 갤러리 앱에는 대부분의 WinUI 3 컨트롤, 기능 및 기능의 대화형 예제가 포함되어 있습니다. Microsoft Store에서 앱을 다운로드하거나 GitHub에서 소스 코드를 가져오세요.

<TabView TabDroppedOutside="TabView_TabDroppedOutside">

// NOTE: The app is responsible for writing this code. A full sample can be found in the Xaml Controls Gallery.
private async void TabView_TabDroppedOutside(TabView sender, TabDroppedOutsideEventArgs e)
{
    // Create a new AppWindow
    AppWindow newWindow = await AppWindow.TryCreateAsync();

    // Create the content for the new window
    var newPage = new MainPage();

    // Remove tab from existing list
    Tabs.TabItems.Remove(e.Tab);

    // Add tab to list of Tabs on new page
    newPage.AddItemToTabs(e.Tab);

    // Set the Window's content to the new page
    ElementCompositionPreview.SetAppWindowContent(newWindow, newPage);

    // Show the window
    await newWindow.TryShowAsync();
}

설명

이 이벤트를 사용하여 새 창을 만들 수 있습니다.

앱 내에서 콘텐츠를 호스트할 수 있는 방법에는 여러 가지가 있습니다. 앱 설명서 에 대한 여러 보기 표시 설명서에서는 여러 보기 또는 창을 표시하기 위한 다양한 기술을 간략하게 설명합니다.

아래 예제에서는 Windows 10 버전 1903(SDK 18362)부터 사용할 수 있는 AppWindow를 사용합니다. AppWindow는 만든 것과 동일한 UI 스레드에서 작동하므로 다중 창 UWP 앱 만들기를 간소화합니다.

앱이 1903 미만의 Windows 10 버전을 대상으로 하는 경우 CoreWindow/ApplicationView를 사용해야 합니다. Windows 커뮤니티 도구 키트 TabView 해제 샘플 은 CoreWindow/ApplicationView를 사용하여 다중 창 애플리케이션을 만드는 방법을 보여 줍니다.