Appbar按钮标签自动定位UWP

时间:2017-06-26 07:38:54

标签: c# xaml uwp

我正在开发一款UWP应用。我正在使用Appbar按钮显示动作的快速图标按钮。 问题是,标签会自动水平放置到图标上,而有些标签仍位于图标下方。他们有什么方法可以修复标签位置吗? 以下是更清楚地了解该问题的图片:

Automatically aligns them horizontal

This is the worst of all

但理想情况下,我希望它们看起来像下面

Ideally

有没有办法确保它们(图标及其各自的标签)保持垂直对齐。以下是我的代码:

<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>

1 个答案:

答案 0 :(得分:4)

AppBarButton内使用CommandBar时,设置标签的位置就像将DefaultLabelPosition的{​​{1}}设置为CommandBar一样简单。

除此之外,你可以尝试一些事情。

  1. 尝试在每个Bottom上设置IsCompact="False"
  2. 如果1.无效,请抓住AppBarButton here的默认样式,然后移除可视状态AppBarButton下的Storyboard。因此,即使控制要求标签正确对齐,也没有设置它的状态,因此没有任何视觉上的改变。
  3. 希望这有帮助。