zoukankan      html  css  js  c++  java
  • 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','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="100%;height:100%;background-color:#403632">
                    <div class="win-settings-section">
                        <div style="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种。

       


    作者:老Zhan
    出处:http://www.cnblogs.com/mybkn/
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

     
  • 相关阅读:
    MDK软件2020年到期和谐方法
    TinyMCE插件CodeSample前后端应用
    KEIL MDK编译后的代码量和RAM使用详解
    pdf密码解除工具
    Keil c中自定义带可变参数的printf函数
    关于"云服务器被检测到对外攻击已阻断该服务器对其它服务器端口的访问"的解决措施
    在 __CC_ARM 编译器环境下,使用$Sub$$ 与 $Super$$ 的“补丁”功能
    thinkphp前台html格式化输出日期
    ELINK编程器典型场景之序列号烧写
    数据在数组中存储的顺序:小端 OR 大端模式 详解
  • 原文地址:https://www.cnblogs.com/mybkn/p/3074933.html
Copyright © 2011-2022 走看看