如何添加应用栏分隔符

时间:2012-10-04 12:45:04

标签: c# xaml windows-8

我想在我的C#/ XAML应用程序中的app bar命令之间添加一个分隔符。 类似于http://msdn.microsoft.com/en-us/library/windows/apps/Hh465309(v=win.10).aspx

中描述的内容

我怎样才能以正确的方式做到这一点?

我见过使用Pipe字符|的建议或一条线。但与JS / HTML相比,这些建议通常略显偏差。

2 个答案:

答案 0 :(得分:5)

你应该可以用一条线来做到这一点。有一个示例here,如下所示:

<Line X1="0" Y1="60"  Margin="0,10,0,0" StrokeThickness="3" Stroke="White"></Line>

enter image description here

使用MarginX1Y1StrokeThicknessStroke,你应该能够让它看起来像你想要的那样。

答案 1 :(得分:4)

通用Windows 8.1 XAML应用程序不允许您在BottomAppBar中绘制一条线。相反,您可以像这样使用 AppBarSeparator 控件

<Page.BottomAppBar>
    <CommandBar>
        <AppBarButton
            Icon="Delete"
            Label="Delete Icon" />
        <AppBarSeparator />
        <AppBarButton
            Icon="Delete"
            Label="Delete Icon" />
    </CommandBar>
</Page.BottomAppBar>