Share via


TabView.TabDroppedOutside Kejadian

Definisi

Terjadi ketika pengguna menyelesaikan operasi seret dan letakkan dengan menjatuhkan tab di luar area 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) 

Jenis Acara

Contoh

Tip

Untuk informasi selengkapnya, panduan desain, dan contoh kode, lihat TabView.

Aplikasi WinUI 3 Gallery mencakup contoh interaktif sebagian besar kontrol, fitur, dan fungsi WinUI 3. Dapatkan aplikasi dari Microsoft Store atau dapatkan kode sumber di 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();
}

Keterangan

Anda dapat menggunakan kejadian ini untuk membuat jendela baru.

Ada berbagai cara agar konten dapat dihosting di dalam aplikasi. Dokumentasi Tampilkan beberapa tampilan untuk aplikasi menguraikan berbagai teknologi untuk menampilkan beberapa tampilan atau jendela.

Contoh di bawah ini menggunakan AppWindow, yang tersedia mulai dari Windows 10, versi 1903 (SDK 18362). AppWindow menyederhanakan pembuatan aplikasi UWP multi-jendela karena beroperasi pada utas UI yang sama dengan yang dibuat.

Jika aplikasi Anda menargetkan versi Windows 10 kurang dari 1903, Anda harus menggunakan CoreWindow/ApplicationView. Contoh TabView Toolkit Komunitas Windows menunjukkan cara membuat aplikasi multi-jendela menggunakan CoreWindow/ApplicationView.

Berlaku untuk