对齐属性在 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>
如果我使用 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>