如何使用Blend设置windows metro app中的设置窗格？

Question

我想为一些Windows 8 Metro Application构建样式。

如何在Blend中显示设置窗格？

例如，settings.html中声明的default.js如下所述：

app.onsettings = function (eventObject) {
    eventObject.detail.applicationcommands = { "prefs": { title: "Preferences", href: "/pages/prefs/prefs.html" } };
    WinJS.UI.SettingsFlyout.populateSettings(eventObject);
};

另一个相关问题是： 如何在Blend中显示搜索结果页面？

Answer 1

一种解决方案是通过以下代码以编程方式调用“设置窗格”：

function scenario5ShowSettingsFlyout() {
    WinJS.UI.SettingsFlyout.showSettings("prefs", "../../pages/prefs/prefs.html");
}

the microsoft official sample的方案5中提供了更多信息。

Answer 2

尝试使用Blend中的交互模式，它允许您直接在Blend中启动应用程序，否则只需将CSS文件（例如pref.css）与HTML页面（pref.html）相关联，然后设置元素的样式。

希望得到这个帮助。