news 2026/8/18 16:00:54

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/8/18 22:37:32

23、WinJS控件样式与样式规则定位指南

WinJS控件样式与样式规则定位指南 1. WinJS控件样式介绍 1.1 ViewBox控件 ViewBox 控件能够自适应其父容器的大小,并且在不改变子元素宽高比的前提下,对单个子元素进行缩放以适应 ViewBox 的大小。当用户旋转平板电脑时,ViewBox 会相应地处理其内容的缩放。 以下是一个包…

作者头像 李华
网站建设 2026/8/18 17:20:56

27、Windows 8 应用开发中的 SVG 样式设计

Windows 8 应用开发中的 SVG 样式设计 1. SVG 简介 SVG(Scalable Vector Graphics)即可缩放矢量图形,具有诸多优势,如可嵌入 HTML 中,能通过 CSS 属性对其进行样式设计。SVG 的 CSS 属性包括填充(fill)、描边(strokes)、标记(markers)、滤镜(filters)、遮罩(ma…

作者头像 李华
网站建设 2026/8/19 2:39:08

SAP ABAP拆分交货单数量、批次、存储地点 并过账

案例&#xff1a;将交货单数量拆分到不同批次&#xff0c;一个批次下数量为1&#xff0c;并进行过账。 发布时间&#xff1a;20251218主要逻辑分为两个部分&#xff1a; 拆分和过账&#xff0c;拆分批次时必须写入存储位置&#xff0c;否则过账可能会报错&#xff08;eg&#x…

作者头像 李华
网站建设 2026/8/17 8:16:11

基于MPC的智能车运动预测和控制算法 Motion predication; Kinemati...

基于MPC的智能车运动预测和控制算法 Motion predication; Kinematic model //. MATLAB coding //. 加入求解步骤进而得到自定义成本函数的可扩展MPC控制器; //. 模型状态空间方程线性化和离散化; //. 可与风险场/人工势场/决策/轨迹跟踪等算法集成; //. 需要用到车辆运动学模…

作者头像 李华
网站建设 2026/8/16 7:47:58

Mathcad的野路子】11kW PFC参数计算书实战拆解

大厂的PFC程序参数变量计算书 11kwPFC mathcad打开某大厂PFC控制程序的计算书&#xff0c;满屏Mathcad公式看得人头皮发麻。今天就带各位手撕这份11kW功率因数校正的参数计算说明书&#xff0c;咱们用最糙的实操逻辑来理解这些看似高冷的公式。先看输入条件&#xff1a;400V三相…

作者头像 李华
网站建设 2026/8/19 1:29:11

STM32学习笔记CAN

1.CAN基础知识1.CAN的介绍高速can&#xff0c;低速can的拓扑图(终端电阻&#xff0c;用于阻抗匹配&#xff0c;减少回波反射)2.CAN的物理层显性电平具有优先权&#xff08;逻辑0&#xff09;。3.Can总线制裁2.stm32的can控制器CAN控制器的工作模式有三种&#xff1a;初始化&…

作者头像 李华