material-design - Material Design 对话框应该如何动画化?

标签 material-design

我正在编写一个采用 Material Design 布局的应用程序,但找不到任何关于如何将对话框动画显示到屏幕上的指南。

这表明盒子应该只是“砰”的一声存在,但这似乎违背了设计的精神,包括动画和触觉。

有没有人能提供更多关于正确做法的信息?

顺便说一下,这里是对话框的规范:http://www.google.co.uk/design/spec/components/dialogs.html#dialogs-specs

最佳答案

我查看了现有的 Google 应用程序,对话框似乎以全尺寸淡入。过渡非常快,大约 0.25 秒。

如果您进入“开发者选项”并将窗口动画比例更改为 10 倍,它会减慢速度,您可以清楚地看到它。

我选择了 Google Calendar > New Event,然后选择不同的字段以查看出现的对话框。

这是我录制的显示动画的屏幕录像。

https://www.youtube.com/watch?v=jbU5yRhSbKg

关于material-design - Material Design 对话框应该如何动画化?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30507642/

相关文章:

javascript - 单击时防止在特定条件下打开 md-select 下拉菜单

html - 对齐表格行

java - 使用material.textfield.TextInputLayout时,我的轮廓框覆盖了提示。如何在不覆盖盒子的情况下显示提示?

Android 5.0 Material 风格的标签

android - radiogroup 的自定义圆形样式

Android - 以编程方式更改 Lollipop 前设备上的状态栏颜色

java - Android Bottomsheet对话框如何设置下边距

android - 如何在 Recyclerview 中向上滚动时显示 Snackbar 并在向下滚动时关闭

html - 导入特定 Material 图标

javascript - Angular Material 按钮高度