TabView.TabDroppedOutside 이벤트

정의

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

이 설명서는 UWP용 WinUI 2에 적용됩니다(Windows 앱 SDKWinUI의 경우 Windows 앱 SDK 네임스페이스 참조).

// 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;
Public Custom Event TabDroppedOutside As TypedEventHandler(Of TabView, TabViewTabDroppedOutsideEventArgs) 

이벤트 유형

예제

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

WinUI 3 갤러리WinUI 2 갤러리 앱에는 대부분의 WinUI 3 및 WinUI 2 컨트롤, 특징, 기능의 대화형 예제가 포함되어 있습니다.

이미 설치된 경우 WinUI 3 갤러리 또는 WinUI 2 갤러리 링크를 클릭하여 갤러리를 엽니다.

설치되지 않은 경우 Microsoft Store에서 WinUI 3 갤러리WinUI 2 갤러리를 다운로드할 수 있습니다.

GitHub에서 두 갤러리의 소스 코드를 가져올 수도 있습니다(WinUI 3는 main 분기, WinUI 2는 winui2 분기 사용).

<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를 사용하여 다중 창 애플리케이션을 만드는 방법을 보여 줍니다.

적용 대상