UWP CommandBar重叠

Question

我在UWP Apps中遇到CommandBar问题(见下图)

在这里,您可以看到CompactMode中的CommandBar和带有Text"Title" 的TextBlock.当我现在展开(点击三个点)CommandBar时,TextBlock消失,如下所示:

如何防止TextBlock消失？

当我关闭扩展的CommandBar时,它会从图片1返回状态,显示TextBlock.

代码:

<Grid x:Name="cmdBarDesktop" Grid.Row="0">
  <CommandBar ClosedDisplayMode="Compact" IsOpen="True" IsSticky="True">
    <CommandBar.PrimaryCommands>
        <AppBarButton x:Name="AppBarListDesktop" Icon="List" Label="Listenform" Grid.Column="1" Click="AppBarList_Click" />
        <AppBarButton x:Uid="AppBarAdd" Icon="Add" Label="Hinzufügen" Grid.Column="3" Click="AppBarAdd_Click" />
    </CommandBar.PrimaryCommands>
  </CommandBar>
</Grid>

<Grid x:Name="titleGrid" VerticalAlignment="Center" Grid.Row="0">
  <Grid.ColumnDefinitions>
    <ColumnDefinition Width="10" />
    <ColumnDefinition Width="Auto" />
  </Grid.ColumnDefinitions>

  <TextBlock Text="Hausaufgaben" Style="{StaticResource TitleTextBlockStyle}" Grid.Column="1" VerticalAlignment="Center" />
</Grid>

Answer 1

在CommandBar控件的内容中,您可以添加TextBlock.

 <CommandBar ClosedDisplayMode="Compact">
            <CommandBar.Content>
                <TextBlock Text="Title" />
            </CommandBar.Content>

            <CommandBar.PrimaryCommands>
                <AppBarButton Icon="List"
                              Label="Listenform" />
                <AppBarButton Icon="Add"
                              Label="Hinzufügen" />
            </CommandBar.PrimaryCommands>
 </CommandBar>

它将在两种情况下解决您的问题.