TabView.TabDroppedOutside Événement

Définition

Espace de noms:

Microsoft.UI.Xaml.Controls

Se produit lorsque l’utilisateur effectue une opération de glisser-déplacer en supprimant un onglet en dehors de la zone 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) 

Type d'événement

TypedEventHandler<TabView,TabViewTabDroppedOutsideEventArgs>

Exemples

Conseil

Pour plus d’informations, des conseils de conception et des exemples de code, consultez TabView.

Ouvrez l’application Galerie WinUI 3 et voyez tabView en action.

L’application WinUI 3 Gallery comprend des exemples interactifs de la plupart des contrôles et des fonctionnalités WinUI 3. Procurez-vous l’application sur le Microsoft Store ou le code source sur 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();
}

Remarques

Vous pouvez utiliser cet événement pour créer une fenêtre.

Il existe différentes façons d’héberger du contenu dans une application. La documentation Afficher plusieurs affichages pour une application décrit les différentes technologies permettant d’afficher plusieurs vues ou fenêtres.

L’exemple ci-dessous utilise AppWindow, qui est disponible à partir de Windows 10, version 1903 (SDK 18362). AppWindow simplifie la création d’applications UWP multi-fenêtres, car il fonctionne sur le même thread d’interface utilisateur que celui à partir duquel il est créé.

Si votre application cible Windows 10 versions inférieures à 1903, vous devez utiliser CoreWindow/ApplicationView. L’exemple de déchirure TabView du Kit de ressources de la communauté Windows montre comment créer une application multi-fenêtre à l’aide de CoreWindow/ApplicationView.