Win8:Setting

Win8 Charm 菜单中有一项设置，我们可以针对我们的App看到一些设置信息，例如关于，隐私策略等....e.g.

我在我的default.js 中添加一下代码：

    //settings
    function setSettings() {
        WinJS.Application.onsettings = function (e) {
            e.detail.applicationcommands ={
                "About":
                    {
                        title: "关于",
                        href: "/pages/Settings/about.html"
                    },
                "Private":
                {
                    title: "隐私策略 ",
                    href: "/pages/Settings/Private.html"
                }
            };
            WinJS.UI.SettingsFlyout.populateSettings(e);
        };
    }

然后在 /pages/Settings/about.html 位置设置我的about文件：

<!doctype HTML>
<html>
    <head>
        <title>关于</title>
    </head>
    <body>
        <!-- BEGINSETTINGFLYOUT -->
        <div data-win-control="WinJS.UI.SettingsFlyout" aria-label="Help settings flyout" data-win-options="{settingsCommandId:'About',width:'narrow'}">
            <!-- Use either 'win-ui-light' or 'win-ui-dark' depending on the contrast between the header title and background color -->
            <div class="win-ui-dark win-header" style="background-color:#403632"> <!-- Background color reflects app's personality -->
               <button type="button" onclick="WinJS.UI.SettingsFlyout.show()" class="win-backbutton"></button>
               <div class="win-label">关于</div>
            </div>
            <div class="win-content " style="width:100%;height:100%;background-color:#403632">
                <div class="win-settings-section">
                    <div style="width:80%;height:100%;margin-right:10%">
                     <h3 style="color:white">现代教育技术</h3>
                     <div style="color:white">　　当今，信息技术迅猛发展！教育技术显然已经不是教育技术专家或电教工作者的专利，而是每个中小学教师都必须掌握的技术。教育技术也只有被一线的学科教师掌握，才能真正发挥其最大效力。教师自如运用其中的原理，遵循其中的规律，并将信息技术与学科课程有效整合，从而推动教学改革和教育信息化进程。</div>
                     <div style="color:white">　　电子书《现代教育技术》正是致力于此，它不是教育技术学专业的专业课程，而是为中小学各学科教师量身定做的一个具有极强指导性、实用性和扩展性的学习工具。该产品的研发由华南师范大学张妙华教授主持，并汇聚了国内众多教育技术名家，针对目前我国中小学学科教师教育技术能力现状，并参照国家教育部《中小学教师教育技术能力标准（试行）》，在兼顾不同地域教育信息化发展水平的基础上，精选了十个方面的内容展开论述，相信能够在基本满足一线学科教师信息化教学需求的基础上，开拓教师视野，帮助教师学会获取相关资源，不断自主更新相关知识和技能，轻松驾驭信息技术。</div>
                    </div>
                </div>
            </div>
        </div>
        <!-- ENDSETTINGSFLYOUT -->
    </body>
</html>

注意此模版提供给我们的样式只有长、窄2种。

posted on 2013-05-13 00:19 老Zhan 阅读(806) 评论(0) 编辑收藏举报