Windows 10 UWP 命令栏答案

【问题标题】：Windows 10 UWP Command BarWindows 10 UWP 命令栏
【发布时间】：2016-08-17 22:40:57
【问题描述】：

由于将 Windows 10 周年版与 SDK 一起应用，其中一个命令栏具有不同的行为。它用于显示三个 AppButton。现在，只会显示两个。最左边似乎有一个空按钮。

这是 XAML：

<CommandBar x:Name="VideoGroupCommands"
            RelativePanel.AlignBottomWithPanel="True"
            RelativePanel.AlignLeftWithPanel="True"
            RelativePanel.AlignRightWithPanel="True"
            Background="{StaticResource LightBeigeBrush}"
            IsEnabled="{x:Bind ViewModel.IsVideoGroupSelected,Mode=TwoWay}">
    <AppBarButton Icon="Edit"
                  x:Uid="Edit"
                  Label=""
                  Command="{x:Bind ViewModel.EditVideoGroupCommand}"/>
    <AppBarButton Icon="Delete"
                  x:Uid="Delete"
                  Label=""
                  Command="{x:Bind ViewModel.DeleteGroupCommand}"/>
    <AppBarButton Icon="MoveToFolder" x:Uid="Merge" Label=""/>
</CommandBar>

如何消除左边的空隙？

【问题讨论】：

您是否在 PC 或移动设备上测试过您的代码？您的图像看起来像是在 xaml 设计器中，但我无法在设计器、PC 或移动设备上重现您的问题，我的操作系统 bulid：14393。
这是一个 Windows 商店应用程序（64 位），我在 PC 上运行它。在调试或发布模式下运行时，我看到左侧的间隙。我也尝试过清洁我的解决方案。我很高兴您尝试复制它但不能。这意味着我可能可以采取一些措施来解决它。我将尝试在没有命令栏的情况下进行构建，然后将其放回原处。谢谢！

标签： c# xaml uwp

【解决方案1】：

我相信这次更新稍微改变了命令栏的显示机制。为了解决这个问题，我将控件所在的网格列从 FIXED 宽度更改为 AUTO 宽度。现在，控件显示所有三个按钮，左侧没有间隙。专栏有点宽，但我可以吸收。

在上图中，命令栏正在将第三个按钮从显示屏中删除。

【讨论】：