Windows 8 Windows 8.1应用程序栏省略号

Windows 8 Windows 8.1应用程序栏省略号,windows-8,windows-runtime,windows-store-apps,winrt-xaml,windows-8.1,Windows 8,Windows Runtime,Windows Store Apps,Winrt Xaml,Windows 8.1,在Windows 8.1中,诸如Calendar之类的RTM应用程序附带带省略号的应用程序栏 我正在尝试复制它,但在Windows8.1中找不到有关将这些功能添加到AppBar控件的任何详细信息 一位朋友建议在一个堆栈面板中制作一个网格,其中有三个圆圈,放置在页面底部,单击该页面可打开应用程序栏 在Windows 8.1的日历应用程序中,是否有更好的方法实现AppBar样式 附加问题:日历应用程序,如果我没记错的话,新闻应用程序有一个惊人的导航应用程序条,从顶部向下拉。如何创建它?这已在MSDN

在Windows 8.1中,诸如Calendar之类的RTM应用程序附带带省略号的应用程序栏

我正在尝试复制它,但在Windows8.1中找不到有关将这些功能添加到AppBar控件的任何详细信息

一位朋友建议在一个
堆栈面板
中制作一个
网格
,其中有三个
圆圈
,放置在页面底部,单击该页面可打开应用程序栏

在Windows 8.1的日历应用程序中,是否有更好的方法实现AppBar样式


附加问题:日历应用程序,如果我没记错的话,新闻应用程序有一个惊人的导航应用程序条,从顶部向下拉。如何创建它?

这已在MSDN论坛的x-post上得到回答


省略号是这些应用程序中的自定义内容,目前不是AppBar的通用属性。此外,Bing应用程序中的导航元素是WinJS NavBar控件……目前未作为XAML控件实现。

Jeremy Alles提供了一个示例,说明了如何使用边框中的按钮模拟此功能:

为了让它正常工作,我必须做的一个更改是引用页面上的控件。而不是:

你需要使用

要获得额外的整洁度,请更改主栅格,以便有第三行:

<Grid.RowDefinitions>
    <RowDefinition Height="140"/>
    <RowDefinition Height="*"/>
    <RowDefinition Height="15"/>
</Grid.RowDefinitions>

并将行引用更改为
Grid.row=“2”
。这样做的原因是,它确保应用程序栏提示不会遮挡第1行中的任何其他内容,例如水平滚动条

最后,Mail应用程序提供了一个工具提示,您可以将其添加到控件的XAML中:


ToolTipService.ToolTip=“显示更多命令(Windows徽标键+Z或右键单击)”

看起来省略号内置于WinJS AppBar控件中。从GitHub()获取最新的WinJS位后,可以使用新的AppBar closedDisplayMode属性获取省略号:

<div data-win-control="WinJS.UI.AppBar" data-win options="{closedDisplayMode:'minimal'}">
     <button data-win-control="WinJS.UI.AppBarCommand" data-win-options="{id:'cmdAdd',label:'Add',icon:'add'}"></button>
     <button data-win-control="WinJS.UI.AppBarCommand" data-win-options="{id:'cmdRemove',label:'Remove',icon:'remove'}"></button>
</div>


您可以在这里找到演示:

非常感谢。希望NavBar很快会出现在XAML中:/它看起来一点也不难实现——它没有连接到应用程序栏,它本质上是一个打开应用程序栏的按钮。事实上,省略号在Segoe UI符号font-