UWP 命令栏重叠答案

【问题标题】：UWP CommandBar overlappingUWP 命令栏重叠
【发布时间】：2015-12-11 12:32:06
【问题描述】：

我在 UWP 应用程序中遇到了 CommandBar 问题（见下图）

在这里，您可以看到 CompactMode 中的 CommandBar 和带有文本“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>

【问题讨论】：

标签： xaml uwp overlapping commandbar

【解决方案1】：

在 CommandBar 控件的 Content 内，您可以添加一个 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>

这两种情况都可以解决你的问题。

【讨论】：