- 导航过渡
- 父元素到子元素
- 高度和宽度
- 兄弟元素到兄弟元素
- 静态高度
- 静态高度
- 父元素到子元素
导航过渡
导航过渡是一个应用中状态之间的切换,例如从一个高层级的页面切换到一个具体的页面。最主要,但不是全部,过渡在本质上是层级。
这些转变应该合适地展示用户浏览一个应用的每个状态。
父元素到子元素
兄弟元素到兄弟元素
父元素到子元素
查看一个应用的更深的层级或者页面,是从父页面开始的。在父页面上会有很多的子页面可供用户浏览,这些都是父页面的子页面。
在 material design 中,高度变化意味着从父元素到子元素的聚焦变化。
高度和宽度
用户触摸的表面应该提升并且扩展到它原生的地方。这种扩张和运动将父元素到子元素的移动高亮,使用 material 运动曲线进行的自然运动。
父元素到子元素的过渡动画
父元素到子元素的过渡动画效果
兄弟元素到兄弟元素
兄弟元素之间的过渡是发生于同层级元素之间的过渡。
静态高度
当一个用户通过标签进行导航,将不会有高度变化。每个标签的内容和表面保持同样的高度。兄弟元素向左移出屏幕时,新的内容从右边滑进来。
兄弟元素过渡
兄弟元素到兄弟元素的过渡动画