多语言展示
当前在线:1623今日阅读:193今日分享:47

如何使用第三方库angularmaterial

今天小编和大家分享如何使用第三方库angularmaterial经验,希望对大家有所帮助。
工具/原料

PC

方法/步骤
1

Material Design 是 Google 提出的用户界面设计指南,涵盖不同平台和设备上的视觉、动作和交互设计。Android 5.0 已经提供了相关的组件和 API 用来创建基于 Material Design 的应用。Google 的其他产品,如 Google Drive、Docs 和 Inbox 等都已经使用了 Material Design 设计风格,其他的很多产品也在陆续进行界面的转换。

2

Material Design 是一套用户界面的设计指南。它的设计目标是创造一个把经典设计原则和科技的创新与潜能有机地融合起来的视觉语言。开发一个在不同的平台和设备尺寸上拥有统一用户体验的底层系统。

3

Angular Material 框架使用起来非常简单,只需要在页面上添加相应的 JavaScript 和 CSS 文件即可。

4

JavaScript 和 CSS 文件可以从 CDN 直接下载,也可以从官方网站直接下载或通过 Bower 安装,代码清单 1 给出了一个使用 Angular Material 的 Web 应用的骨架代码。

5

需要注意的是,代码清单中使用的是 GitHub 上 master 分支中的最新版本。这是因为本文中介绍的一些组件只在最新版本中可用。

6

Material Design 是一个很复杂的用户界面指南。大多数时候开发人员并不需要了解指南的具体细节,只需要使用相关的 API 和库即可。例如,对于 Android 开发人员来说,只需要使用 Android 提供的 Material Design 主题即可。对于 Web 应用来说,可以使用 Polymer 项目提供的 paper elements 库。

7

如果使用 AngularJS,则可以使用本文中要介绍的 Angular Material 项目。这个项目提供了一系列基于 Material Design 的可复用用户界面组件。

注意事项

如有不明者,还请咨询专业人士。

推荐信息