material-design - 如何实现Material Design的动画效果?

标签 material-design

我对这个概念很陌生,仍在尝试理解它。我期待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/

相关文章:

ios - Swift 3-如何在 UICollectionViewCell 工作中获取按钮

html - 如何在 Materialise 的一行上对齐两个输入文本?

android - 修复了新 Material 设计 android 中的选项卡

javascript - 丰富的 Web 应用程序的嵌套链接(标签)的有效替代方案?

android - 如何在android中使用水平 "material progressindicator"?

android - 在Android中使用 “prominent top app bar”滚动的应用程序中延迟的滚动行为

android - Lollipop 之前的 ActionMode Material 主题

android - AppCompat 样式的 Rangebar(带有两个 Thumbs 的 Seekbar)

angularjs - Angular.js md-autocomplete 不起作用

android - 共享元素和圆形显示