在 WinUI3 应用程序中为 Windows 11 创建两个部分

Question

我正在 WinUi3 中为 Windows 11 开发一个新应用程序，但我有一些疑问和困难（我开发了 UWP 应用程序但没有遇到这个问题，在 WinUi3 中行为似乎与众不同）我有这个例子：

<StackPanel Name="Main" Orientation="Vertical">
        <RelativePanel Background="{ThemeResource SystemControlAcrylicWindowBrush}">
            <TextBlock  Name="AAA"
                        Text="AAA"
                RelativePanel.AlignHorizontalCenterWithPanel="True"
                RelativePanel.AlignLeftWithPanel="True">
        </RelativePanel>
        
        <RelativePanel Background="{ThemeResource SystemControlAltHighAcrylicWindowBrush}">
        <TextBlock  Name="BBB"
                Text="BBB"/>
    </RelativePanel>
</StackPanel>

我想要在新画图中有类似的东西：

橙色区域仅用于简单的文本块和一些按钮（设置、关于等），红色区域用于我应用程序的“工作区”。

我想制作这两部分。但是我在 WinUI3 中的代码并没有像我想要的那样工作。最好的方法是什么？

谢谢！

Answer 1

您的“工作区”可以使用 Grid 扩展。

<Grid Name="Main" RowDefinitions="Auto,*">
    <!--  MENU BAR  -->
    <NavigationView
        Grid.Row="0"
        IsBackButtonVisible="Collapsed"
        IsSettingsVisible="True"
        PaneDisplayMode="Top">
        <NavigationView.MenuItems>
            <NavigationViewItem Content="Ficheiro" />
            <NavigationViewItem Content="Editar" />
            <NavigationViewItem Content="Ver" />
        </NavigationView.MenuItems>
    </NavigationView>
    <!--  YOUR CONTENTS  -->
    <StackPanel
        Grid.Row="1"
        BorderBrush="Red"
        BorderThickness="2">
        <TextBlock Text="CONTENT #1" />
        <TextBlock Text="CONTENT #2" />
    </StackPanel>
</Grid>

和“Ta-da！”

在 WinUI3 应用程序中为 Windows 11 创建两个部分

Create two sections in the WinUI3 app for Windows 11

windows

xaml

visual-studio-2022

winui-3

windows-11