news 2026/4/16 9:25:12

20、WinJS 应用样式与控件风格全解析

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
20、WinJS 应用样式与控件风格全解析

WinJS 应用样式与控件风格全解析

一、全局样式中的元素与控件风格

在应用开发中,WinJS 库为我们提供了丰富的样式和控件支持,帮助我们打造具有 Windows 8 风格的应用。

1. 后退按钮与设置标题的样式

包含后退按钮和设置标题的div元素,使用了win-ui-darkwin-header类值进行装饰,其背景颜色通过 CSS 片段中的样式规则设置。后退按钮是一个带有win-backbutton类的标准 HTML 按钮,与页面中后退按钮的声明方式相同。不过,CSS 通过.win-settingsflyout .win-backbutton选择器来区分设置弹出窗口中的后退按钮。

2. 弹出窗口与菜单

WinJS 库提供的弹出窗口(Flyouts)和菜单(Menus)是更全局、应用级别的控件。它们有相似的行为,都以覆盖层的形式出现在现有设计表面上,并且支持轻触关闭,即用户在外部触摸或点击即可关闭。

  • 弹出窗口(Flyouts):是一个 HTML 容器,可自由创建内部内容。它是一种很好的方式来提示用户输入,例如通过一个“添加用户”按钮,点击后在按钮附近显示一个输入姓名的弹出窗口。以下是一个完整的弹出窗口实现示例:
<!-- lst0810.html --> <!DOCTYPE htm
版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/4/8 22:24:51

24、WinJS 样式覆盖、扩展与自定义全解析

WinJS 样式覆盖、扩展与自定义全解析 在前端开发中,样式的运用至关重要。对于使用 WinJS 进行 Windows 8 应用开发的开发者来说,如何有效地覆盖和扩展内置样式,以及自定义样式是一项必备技能。下面将详细介绍相关内容。 覆盖和扩展 WinJS 内置样式 WinJS 自带的样式表是只…

作者头像 李华
网站建设 2026/4/3 3:09:29

25、样式覆盖、定义与CSS资源指南

样式覆盖、定义与CSS资源指南 1. 自定义地址控件相关文件解析 在开发过程中,自定义地址控件涉及多个文件,各文件分工明确: - AddressControl.js :该文件负责定义自定义地址控件的所有工作。我们能完全控制其生成的标记,包括可被控件使用者利用的类属性(加粗显示)。…

作者头像 李华
网站建设 2026/4/16 5:02:28

二十三种设计模式(十四)--命令模式

命令模式(Command) 当我们有一个功能完善的类VideoClass,能够实现视频转码, 视频缓存 等等实际功能. 此时调用者需要依赖用户输入的命令来执行VideoClass中的一个或几个方法函数. 直觉上, 我们会写一个switch-case语句来处理用户输入的命令, 并执行VideoClass中的对应方法, 简单…

作者头像 李华
网站建设 2026/4/15 3:08:28

我们拆解了100份企业官网,发现了价值数亿的“专利漏洞”

我们拆解了100份企业官网&#xff0c;发现了价值数亿的“专利漏洞”上周&#xff0c;我们团队做了一次特殊的“攻防演练”。我们随机选取了100家科技型企业的官网——它们大多是细分领域的佼佼者,拥有自己的研发团队和专利储备。我们的任务很简单&#xff1a;仅通过公开的官网信…

作者头像 李华
网站建设 2026/4/15 6:34:20

服装人的满分话术

在服装行业里&#xff0c;客户最反感的并不是产品价格高&#xff0c;而是销售人员只会说“面料优质、版型端正、我们是源头工厂”这类话语&#xff0c;真正优秀的沟通话术&#xff0c;从来都不是自我夸赞&#xff0c;而是精准地戳中客户的痛点&#xff0c;依靠专业的能力来建立…

作者头像 李华
网站建设 2026/4/14 15:03:34

深入解析: RISC-V的 PLIC的初始化流程

平台级中断控制器(PLIC)是RISC-V系统中管理外部中断的核心组件,负责将中断路由到适当的CPU核心。本文将深入剖析PLIC的工作原理和正确的初始化顺序。 简单理解PLIC是什么 PLIC就是一个中断调度中心,它有四个主要工作: 给中断排优先级:为不同中断源分配优先级 开关控制:…

作者头像 李华