AppBar对Metro Apps中的整个页面控制保持不变?

时间:2012-08-30 06:16:36

标签: html5 windows-8 microsoft-metro winjs

我试图在我的Metro应用程序中显示整个html页面的AppBar。每当我点击页面的其他项目时,AppBar立即消失。任何人都可以给我建议设置我的AppBar在Metro App中的整个页面保持不变。我正在使用 appbar.winControl.show();

1 个答案:

答案 0 :(得分:6)

对于JavaScript:appBar.sticky = true;
对于XAML:AppBar.IsSticky = true;

即使您点击页面上的其他位置,这也会将您的AppBar保留在屏幕上。但请记住,设计指南适用于瞬态AppBar,它会点亮(当你触摸其他地方时消失)。以下是来自guidelines and checklist for app bars

的粘贴时间指南

在显示上下文命令时,请将应用栏的解雇模式设置为粘性。 如果您在应用栏上有上下文命令,请在该上下文存在时将模式设置为粘滞,并在上下文不再存在时关闭粘滞模式(例如取消选择照片时)。在粘性模式下,当用户与应用程序交互时,栏不会自动隐藏。这对于多选场景或上下文涉及交互(例如操纵裁剪手柄)非常有用。当用户执行操作时,栏保持可见。用户仍然可以通过滑动屏幕的顶部或底部边缘来隐藏条形图,并且可以通过边缘滑动再次显示它。

最后,这是sticky property的JS参考。