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.

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

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.

Abra la aplicación Galería de WinUI 3 y vea TabView en acción.

La aplicación WinUI 3 Gallery incluye ejemplos interactivos de la mayoría de los controles, las características y la funcionalidad de WinUI 3. Obtenga la aplicación en Microsoft Store u obtenga el código fuente en 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();
}

Comentarios

Puede usar este evento para crear una nueva ventana.

Hay diferentes formas de hospedar contenido 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á 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.