我对这个概念很陌生,仍在尝试理解它。我期待google会提供像bootstrap那样的东西,它与CSS和JavaScript捆绑在一起,让你只需放置一些CSS类即可实现设计。
但是在Material Design主页上发现,资源都是图形文件,那么我们需要自己编写JavasSript来应用动画效果吗?而如果每个人都写自己的JavaScript,又怎么能保持一致呢?我错过了什么吗?
最佳答案
我认为您下载了错误的文件。有一个JS文件和一个CSS文件。您可以在此处查看演示:https://material.angularjs.org ,看看有什么可能。它与 bootstrap 类似,但使用指令而不是类(您的网站上也需要 Angular)
<script src="//ajax.googleapis.com/ajax/libs/angular_material/0.8.2/angular-material.min.js"></script>
<link href="//ajax.googleapis.com/ajax/libs/angular_material/0.8.3/angular-material.min.css" rel="stylesheet" type="text/css">
Angular Material,我链接到的库是使用 Angular JS 实现 Material 设计的。该团队得到了 Google 的支持,许多开发人员现在或过去都在 Google 工作,但我不确定它是否是 Google 的官方产品。
Material Design 您链接到的似乎是一个 React 库,它链接到这个解释它的 github,https://github.com/callemall/material-ui ,但它只是使用不同的 JS 库来实现组件(React 与 Angular)。您在评论中链接到的页面似乎是某种风格指南。我没有看到任何地方可以为其提供预构建的 css/js 。不过,这些组件看起来与 Angular Material 中的组件相同。
Polymer 是一种 Web 组件 Polyfill。这样您今天就可以开始构建自己的 Web 组件,它不是一个预制组件库。 https://css-tricks.com/modular-future-web-components/
关于material-design - 如何实现Material Design的动画效果?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30496013/