对齐属性在 TabViewItem.Content 下不起作用

AlignmentProperties do not work under TabViewItem.Content

如果我使用 PivotItem 而不是 WinUI 的 TabView 控件,RichEditBox 会扩展到整页。然而,当它与 TabView 一起使用时,RichEditBox 只需要一行 space 就像这样:https://prnt.sc/ravdw6

将 RichEditBox 的高度 属性 设置为 800 等常量可行,但不喜欢在 UI 中使用常量。这是有问题的代码:

<muxc:TabView x:Name="Tabs"
              AddTabButtonClick="Tabs_AddTabButtonClick"
              Grid.Column="1"
              Grid.RowSpan="2">
            <muxc:TabView.TabItems>
                <muxc:TabViewItem Header="Entry 1">
                    <muxc:TabViewItem.IconSource>
                        <muxc:SymbolIconSource Symbol="NewFolder" />
                    </muxc:TabViewItem.IconSource>
                    <muxc:TabViewItem.Content>
                        <StackPanel>
                            <RichEditBox x:Name="MainRichEdit"
                                         HorizontalAlignment="Stretch"
                                         VerticalAlignment="Stretch"/>
                        </StackPanel>
                    </muxc:TabViewItem.Content>
                </muxc:TabViewItem>
            </muxc:TabView.TabItems>
        </muxc:TabView>

AlignmentProperties do not work under TabViewItem.Content

我发现了问题,您需要使用 Grid 作为根容器,并将 TabView VerticalAlignment 属性 设置为 Stretch 像下面这样。

<Grid x:Name="RootGrid">
    <muxc:TabView x:Name="MyTabView" VerticalAlignment="Stretch"
        AddTabButtonClick="Tabs_AddTabButtonClick"
        >
        <muxc:TabView.TabItems>
            <muxc:TabViewItem Header="Entry 1">
                <muxc:TabViewItem.IconSource>
                    <muxc:SymbolIconSource Symbol="NewFolder" />
                </muxc:TabViewItem.IconSource>
                <muxc:TabViewItem.Content>
                    <Grid>
                        <RichEditBox 
                            x:Name="MainRichEdit"
                            HorizontalAlignment="Stretch"
                            VerticalAlignment="Stretch"
                            />
                    </Grid>

                </muxc:TabViewItem.Content>
            </muxc:TabViewItem>
        </muxc:TabView.TabItems>
    </muxc:TabView>
</Grid>