TabView.TabDroppedOutside Ereignis

Referenz

Definition

Namespace:: Microsoft.UI.Xaml.Controls

Wichtig

Einige Informationen beziehen sich auf Vorabversionen, die vor dem Release ggf. grundlegend überarbeitet werden. Microsoft übernimmt hinsichtlich der hier bereitgestellten Informationen keine Gewährleistungen, seien sie ausdrücklich oder konkludent.

Bearbeiten

Tritt auf, wenn der Benutzer einen Drag-and-Drop-Vorgang durch Ablegen einer Registerkarte außerhalb des TabStrip-Bereichs abschließt.

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

Ereignistyp

TypedEventHandler<TabView,TabViewTabDroppedOutsideEventArgs>

Beispiele

Tipp

Weitere Informationen, Entwurfsleitfäden und Codebeispiele finden Sie unter TabView.

Öffnen Sie die WinUI 3-Katalog-App, und sehen Sie sich die TabView in Aktion an.

Die WinUI 3-Katalog-App umfasst interaktive Beispiele für die meisten WinUI 3-Steuerelemente, -Features und -Funktionen. Rufen Sie die App aus dem Microsoft Store oder den Quellcode auf GitHub ab.

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

Hinweise

Sie können dieses Ereignis verwenden, um ein neues Fenster zu erstellen.

Es gibt verschiedene Möglichkeiten, wie Inhalte in einer App gehostet werden können. In der Dokumentation Anzeigen mehrerer Ansichten für eine App werden die verschiedenen Technologien zum Anzeigen mehrerer Ansichten oder Fenster beschrieben.

Im folgenden Beispiel wird AppWindow verwendet, das ab Windows 10 Version 1903 (SDK 18362) verfügbar ist. AppWindow vereinfacht die Erstellung von UWP-Apps mit mehreren Fenstern, da sie mit demselben UI-Thread ausgeführt wird, über den sie erstellt wurde.

Wenn Ihre App Windows 10 Versionen kleiner als 1903 angibt, müssen Sie CoreWindow/ApplicationView verwenden. Das TabView-Tear out-Beispiel für das Windows Community-Toolkit zeigt, wie Sie mithilfe von CoreWindow/ApplicationView eine Anwendung mit mehreren Fenstern erstellen.

Gilt für:

Freigeben über