尧图网站建设 尧图网络
  • 首页
  • 关于我们
  • 服务项目
  • 案例展示
  • 建站流程
  • 资讯中心
  • 联系我们
首页/资讯中心/详情

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

20、WinJS 应用样式与控件风格全解析
📅 发布时间:2026/6/21 17:34:44

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

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

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

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

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

2. 弹出窗口与菜单

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

  • 弹出窗口(Flyouts):是一个 HTML 容器,可自由创建内部内容。它是一种很好的方式来提示用户输入,例如通过一个“添加用户”按钮,点击后在按钮附近显示一个输入姓名的弹出窗口。以下是一个完整的弹出窗口实现示例:
<!-- lst0810.html --> <!DOCTYPE htm

相关新闻

  • 基于LSTM - AdaBoost的多输入单输出回归预测
  • Nmap深度解析:信息收集
  • AIGC时代的平台工程:别再让你的应用被云厂商“焊死”

最新新闻

  • DSP56300 EFCOP协处理器C语言开发指南:从硬件原理到FIR/自适应滤波实战
  • Python手写损失函数:从数值稳定到业务适配的实战指南
  • D2DX:让《暗黑破坏神2》在现代PC上焕发新生的终极改造方案
  • 3分钟上手:用这个Chrome扩展彻底改变你的Markdown阅读体验
  • 5大核心技术解析:gdsdecomp如何实现Godot游戏逆向工程的零门槛突破
  • 东莞电源线加工厂有哪些?全链路源头加工认准东莞市正好电气有限公司 - 速递信息

日新闻

  • Visual C++运行库修复终极指南:5分钟快速解决Windows软件启动错误
  • 手把手教你构建统计局地区经济数据爬虫:从环境搭建到数据持久化全指南
  • 2026多Agent深度解析:用AI团队替代单一模型,四种架构实战落地

周新闻

  • Visual C++运行库修复终极指南:5分钟快速解决Windows软件启动错误
  • 手把手教你构建统计局地区经济数据爬虫:从环境搭建到数据持久化全指南
  • 2026多Agent深度解析:用AI团队替代单一模型,四种架构实战落地

月新闻

  • 【总结】入门篇:50句话让你记住架构核心概念
  • WeChatMsg技术方案解析:实现Mac微信数据自主管理的完整解决方案
  • WeChatMsg:革新性微信数据备份方案,打造你的专属数字记忆库

关于尧图

  • 公司简介
  • 团队介绍
  • 企业文化
  • 荣誉资质

服务项目

  • 定制开发
  • 电商建站
  • UI 设计
  • 运维服务

快速链接

  • 案例展示
  • 建站流程
  • 常见问题
  • 资讯中心

联系方式

  • 📍北京市朝阳区互联网产业园 A 座 10 层
  • 📞400-888-8888
  • ✉️contact@rkmt.cn
  • 🕐周一至周日 9:00-21:00

© 2024 北京尧图网络科技有限公司 版权所有 | 京 ICP 备 XXXXXXXX 号