Appbar Button 标签自动定位 UWP

Question

我正在开发 UWP 应用。我正在使用 Appbar 按钮来显示用于操作的快速图标按钮。 问题是，标签会自动与图标水平放置，而有些标签仍位于图标下方。有什么办法可以固定标签位置吗？ 下图是为了更清楚地理解问题：

但理想情况下，我希望它们如下所示

有什么方法可以确保它们（图标和它们各自的标签）保持垂直对齐。以下是我的代码：

<AppBarButton Label="Share" Grid.Column="2" HorizontalAlignment="Center">
    <AppBarButton.Icon>
        <PathIcon HorizontalAlignment="Center" Data="ShareIconPathDataHere"/>
    </AppBarButton.Icon>
</AppBarButton>
<AppBarButton Label="Add to" Grid.Column="3" HorizontalAlignment="Center">
    <AppBarButton.Icon>
        <PathIcon HorizontalAlignment="Center" Data="AddToIconPathDataHere"/>
    </AppBarButton.Icon>
</AppBarButton>
<AppBarButton Label="Report" Grid.Column="4" HorizontalAlignment="Center">
    <AppBarButton.Icon>
        <PathIcon HorizontalAlignment="Center" Data="ReportIconPathDataHere"/>
    </AppBarButton.Icon>
</AppBarButton>

Answer 1

当AppBarButton在CommandBar内部使用时，设置标签的位置就像将CommandBar的DefaultLabelPosition设置为Bottom一样简单。

除此之外，您还可以尝试几件事。

1. 尝试在每个AppBarButton 上设置IsCompact="False"。
2. 如果 1. 不起作用，去获取AppBarButton here 的默认样式，并在视觉状态LabelOnRight 下删除Storyboard。因此，即使控件要求标签右对齐，也没有设置它的状态，因此视觉上不会发生任何变化。

希望这会有所帮助。