winui3中頁面的單個組件可以全屏嗎？

Question

這是canvas實現的視頻stream播放模塊。 winui3如何實現全屏內容？

<Grid>
     <canvas:CanvasControl x:Name="canvas"></canvas:CanvasControl>
</Grid>

Answer 1

你可以這樣做。

<Grid>
    <ToggleButton
        Checked="ToggleButton_CheckChanged"
        Content="Fullscreen"
        Unchecked="ToggleButton_CheckChanged" />
</Grid>

public sealed partial class MainWindow : Window
{
    public MainWindow()
    {
        this.InitializeComponent();

        IntPtr windowHandle = WinRT.Interop.WindowNative.GetWindowHandle(this);
        WindowId windowId = Win32Interop.GetWindowIdFromWindow(windowHandle);
        AppWindow = AppWindow.GetFromWindowId(windowId);
    }

    public static AppWindow? AppWindow;

    private void ToggleButton_CheckChanged(object sender, RoutedEventArgs e)
    {
        if (AppWindow is not null &&
            sender is ToggleButton toggleButton)
        {
            AppWindow.SetPresenter(toggleButton.IsChecked is true
                ? AppWindowPresenterKind.FullScreen
                : AppWindowPresenterKind.Default);
        }
    }
}