《Windows 8 开发权威指南:HTML5 和JavaScript卷》——1.3 Microsoft Design新特性

简介: Microsoft Design风格应用与各种输入源协作良好,其中包括触控、笔、鼠标以及键盘输入。可以使用用于所有这些输入源的单组事件。Microsoft Design风格应用获取一组默认风格,这些风格可确保UI元素适用于触摸方案。如图1-19所示,支持大小调整的区域。

本节书摘来自异步社区《Windows 8 开发权威指南:HTML5 和JavaScript卷》一书中的第1章,第1.3节,作者:尹成 , 李亚男 , 王腾 , 丁宽帅 , 尹子磊著,更多章节内容可以访问云栖社区“异步社区”公众号查看

1.3 Microsoft Design新特性

Microsoft Design风格应用是一款新的应用程序,它在Windows 8设备上运行。下面介绍一下Microsoft Design风格应用与传统桌面应用的不同之处。

1.3.1 有一个支持多个视图的窗口
Microsoft Design风格应用与传统桌面应用不同,它具有单个无边框窗口,默认情况下会充满整个屏幕,因而不会产生干扰。Microsoft Design风格应用的具体效果如图 1-17所示。

screenshot

Microsoft Design风格应用支持多种布局和视图,可以在如图1-18所示的各种外形规格和显示器上创建流畅和谐的体验。

screenshot

1.3.2 应用与触控和笔输入协作良好
Microsoft Design风格应用与各种输入源协作良好,其中包括触控、笔、鼠标以及键盘输入。可以使用用于所有这些输入源的单组事件。Microsoft Design风格应用获取一组默认风格,这些风格可确保UI元素适用于触摸方案。如图1-19所示,支持大小调整的区域。

screenshot

1.3.3 应用可彼此交谈
应用合约可供用户在多种应用上无缝搜索并在多种应用之间共享内容。这些合约增进了应用的有用性,方法是无需使用各种标准或应用特定的 API 即可访问由另一应用存储或创建的数据,同时始终保持用户处于你的品牌体验之中。除了目标应用对目标合约声明的支持以外,你无需了解有关该应用的任何信息,该应用同样会运行。

1.3.4 应用具有新的控件和UI设计面
Microsoft Design风格应用提供了多种新控件,使用这些控件可以轻松创建强大的用户体验。这些控件中的两个控件为应用栏和超级按钮。

应用栏
应用栏位于应用窗口之外,是应用的主命令界面。使用应用栏可以向用户显示导航、命令以及工具。默认情况下,应用栏会被隐藏,当用户使用手指从屏幕的顶部或底部边缘轻扫时,会出现应用栏。应用栏包含应用内容,用户可以通过从边缘轻扫或与应用交互来取消应用栏。如图1-20所示,底部灰色部分即为应用栏。

screenshot

超级按钮
超级按钮是每个应用中的一组特定而一致的按钮:“搜索”、“共享”、“连接”、“设置”和“开始”,如图1-21所示。我们认为,这些是每个用户在他们所用的几乎每个应用中都需要执行的核心方案。用户可以:搜索位于你的应用或其他应用中的内容,并且可以从其他应用搜索你的应用内容;与他人或服务共享你的应用内容;直接转至“开始”屏幕;连接到设备并发送内容、流式传输媒体以及进行打印;使用设置来根据偏好配置应用。

screenshot

1.3.5 应用使用磁贴而非图标
当用户安装你的应用时,该应用会在“开始”屏幕上显示为磁贴。触摸或单击磁贴会启动应用,如图1-22所示。

screenshot

1.3.6 采用已知的语言编写应用
你可以使用最熟悉的语言(如 JavaScript、C#、Visual Basic 或 C++)创建 Microsoft Design 风格应用。甚至可以采用一种语言编写组件,然后在采用另一种编程语言编写的应用中使用这些组件。

Microsoft Design风格应用可以使用Windows运行时,一个内置于操作系统的本机API。此API采用C++实现,并支持JavaScript、C#、Visual Basic和C++,对于每种语言都以非常自然的方式支持。

1.3.7 在Windows应用商店中销售你的应用
使用 Windows 应用商店,你的应用可供世界上成千上万的客户使用。在你编写应用之后,即可用当地货币设定价格,Windows 应用商店可以在全球市场以 100 多种语言提供该应用。图1-23所示为Windows应用商店。Windows应用商店可以轻松分发、更新以及销售你开发的应用。

screenshot

相关文章
|
6月前
|
JavaScript 前端开发 容器
盘点JavaScript中所有声明变量的方式及特性
本文详细介绍了JavaScript中变量定义的多种方式,包括传统的`var`、`let`和`const`,以及通过`this`、`window`、`top`等对象定义变量的方法。每种方式都有其独特的语法和特性,并附有代码示例说明。推荐使用`let`和`const`以避免作用域和提升问题,谨慎使用`window`和`top`定义全局变量,不建议使用隐式全局变量。掌握这些定义方式有助于编写更健壮的JS代码。
110 11
|
8月前
|
自然语言处理 JavaScript 前端开发
ECMAScript 6 的出现为 JavaScript 带来了许多新的特性和改进
这些只是ES6的一些主要特性,它们极大地增强了JavaScript的功能和表现力,使得JavaScript在大型应用开发、前端框架等领域能够更加高效地编写复杂的应用程序。
|
8月前
|
JavaScript 前端开发 安全
JavaScript与TypeScript的对比,分析了两者的特性及在实际项目中的应用选择
本文深入探讨了JavaScript与TypeScript的对比,分析了两者的特性及在实际项目中的应用选择。JavaScript以其灵活性和广泛的生态支持著称,而TypeScript通过引入静态类型系统,提高了代码的可靠性和可维护性,特别适合大型项目。文章还讨论了结合使用两种语言的优势,以及如何根据项目需求和技术背景做出最佳选择。
227 4
|
8月前
|
JavaScript 前端开发 安全
ECMAScript 6(以下简称 ES6)的出现为 JavaScript 带来了许多新的特性和改进,其中 let 和 const 是两个非常重要的关键字。
ES6 引入了 `let` 和 `const` 关键字,为 JavaScript 的变量管理带来了革新。`let` 提供了块级作用域和暂存死区特性,避免变量污染,增强代码可读性和安全性;`const` 用于声明不可重新赋值的常量,但允许对象和数组的内部修改。两者在循环、函数内部及复杂项目中广泛应用,有助于实现不可变数据结构,提升代码质量。
108 5
|
9月前
|
JavaScript 前端开发 索引
JavaScript ES6及后续版本:新增的常用特性与亮点解析
JavaScript ES6及后续版本:新增的常用特性与亮点解析
295 4
|
9月前
|
JavaScript 前端开发 编译器
掌握现代化JavaScript:ECMAScript提案与特性
【10月更文挑战第13天】本文介绍了ECMAScript(ES)的最新提案与特性,包括可选链、空值合并运算符、类字段和顶层Await等。通过跟踪TC39提案、使用Babel或TypeScript、测试兼容性以及逐步迁移,开发者可以高效地采用这些新特性,简化代码、提高开发效率并增强应用功能。文章还提供了实战技巧,帮助开发者在现代Web开发中充分利用这些现代化的特性。
|
9月前
|
Ubuntu Linux Python
如何利用wsl-Ubuntu里conda用来给Windows的PyCharm开发
如何在WSL(Windows Subsystem for Linux)的Ubuntu环境中使用conda虚拟环境来为Windows上的PyCharm开发设置Python解释器。
961 1
|
10月前
|
JavaScript 前端开发 Oracle
软件工程师,学习下JavaScript ES6新特性吧
软件工程师,学习下JavaScript ES6新特性吧
81 9
|
8月前
|
前端开发 JavaScript
JavaScript新纪元:ES6+特性深度解析与实战应用
【10月更文挑战第29天】本文深入解析ES6+的核心特性,包括箭头函数、模板字符串、解构赋值、Promise、模块化和类等,结合实战应用,展示如何利用这些新特性编写更加高效和优雅的代码。
194 0
|
9月前
|
监控 关系型数据库 MySQL
PowerShell 脚本编写 :自动化Windows 开发工作流程
PowerShell 脚本编写 :自动化Windows 开发工作流程
382 0

热门文章

最新文章