0

在 Windows 8.1 RTM 应用程序（如日历）中带有带有省略号的 AppBar。

我正在尝试复制它，但找不到有关将此类功能添加到 Windows 8.1 中的 AppBar 控件的任何详细信息。

有朋友建议Grid用三个Circles 做一个 aStackPanel放在点击时打开 AppBar 的页面底部。

有没有更好的方法来完成 Windows 8.1 的日历应用程序中的 AppBar 样式？

额外问题：日历应用程序，如果我没记错的话，新闻应用程序有一个令人惊叹的导航 AppBar，它从顶部下拉。我该如何创建它？

4

3 回答 3

2

您在 MSDN 论坛中的 x-post 上已对此进行了回答。

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

于 2013-09-09T15:15:04.623 回答
0

Jeremy Alles 提供了一个示例，说明如何使用边框中的按钮进行模拟：

http://www.japf.fr/2013/10/winrt-introducing-the-appbarhint-control/

为了使其正常工作，我必须进行的一项更改是您在页面上引用控件的位置。代替：

<controls:AppBarHint Grid.Row="1" />

你需要使用

<controls:AppBarHint Grid.Row="1" HorizontalAlignment="Stretch" VerticalAlignment="Bottom" />

为了更加整洁，更改主网格以便有第三行：

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

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

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

ToolTipService.ToolTip="Show more commands (Windows logo key+Z, or right-click)"

于 2013-12-24T12:18:00.903 回答
0

看起来省略号是内置在 WinJS AppBar 控件中的。从 GitHub ( https://github.com/winjs/winjs/ )获取最新的 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>

你可以在这里找到演示：http: //try.buildwinjs.com/#appbar

于 2014-08-20T07:28:09.957 回答