TabView.TabDroppedOutside Evento

Definición

Espacio de nombres:

Microsoft.UI.Xaml.Controls

Se produce cuando el usuario completa una operación de arrastrar y colocar colocando una pestaña fuera del área TabStrip.

Esta documentación se aplica a WinUI 2 para UWP (para WinUI en el SDK de Aplicaciones para Windows, consulta los espacios de nombres SDK de Aplicaciones para Windows).

// 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) 

Tipo de evento

TypedEventHandler<TabView,TabViewTabDroppedOutsideEventArgs>

Ejemplos

Sugerencia

Para obtener más información, instrucciones de diseño y ejemplos de código, consulta TabView.

Las aplicaciones WinUI 3 Gallery y WinUI 2 Gallery incluyen ejemplos interactivos de la mayoría de los controles, características y funcionalidades de WinUI 3 y WinUI 2.

Si ya se instalaron, haga clic en los vínculos siguientes para abrirlas: WinUI 3 Gallery o WinUI 2 Gallery.

Si no están instaladas, puede descargar WinUI 3 Gallery y WinUI 2 Gallery desde Microsoft Store.

También puede obtener el código fuente de ambas desde GitHub (use la bifurcación principal para WinUI 3 y la bifurcación winui2 para WinUI 2).

<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();
}

Comentarios

Puede usar este evento para crear una nueva ventana.

Hay diferentes formas en que el contenido se puede hospedar dentro de una aplicación. En la documentación Mostrar varias vistas de una aplicación se describen las distintas tecnologías para mostrar varias vistas o ventanas.

En el ejemplo siguiente se usa AppWindow, que está disponible a partir de Windows 10, versión 1903 (SDK 18362). AppWindow simplifica la creación de aplicaciones para UWP de varias ventanas porque funciona en el mismo subproceso de interfaz de usuario desde el que se crea.

Si la aplicación tiene como destino Windows 10 versiones inferiores a 1903, deberás usar CoreWindow/ApplicationView. En el ejemplo de desmontaje tabView del Kit de herramientas de la comunidad de Windows se muestra cómo crear una aplicación de varias ventanas mediante CoreWindow/ApplicationView.