導(dǎo)航過渡是一個應(yīng)用中狀態(tài)之間的切換,例如從一個高層級的頁面切換到一個具體的頁面。最主要,但不是全部,過渡在本質(zhì)上是層級。
這些轉(zhuǎn)變應(yīng)該合適地展示用戶瀏覽一個應(yīng)用的每個狀態(tài)。
父元素到子元素
兄弟元素到兄弟元素
查看一個應(yīng)用的更深的層級或者頁面,是從父頁面開始的。在父頁面上會有很多的子頁面可供用戶瀏覽,這些都是父頁面的子頁面。
在 material design 中,高度變化意味著從父元素到子元素的聚焦變化。
用戶觸摸的表面應(yīng)該提升并且擴(kuò)展到它原生的地方。這種擴(kuò)張和運動將父元素到子元素的移動高亮,使用 material 運動曲線進(jìn)行的自然運動。
父元素到子元素的過渡動畫
父元素到子元素的過渡動畫效果
兄弟元素之間的過渡是發(fā)生于同層級元素之間的過渡。
當(dāng)一個用戶通過標(biāo)簽進(jìn)行導(dǎo)航,將不會有高度變化。每個標(biāo)簽的內(nèi)容和表面保持同樣的高度。兄弟元素向左移出屏幕時,新的內(nèi)容從右邊滑進(jìn)來。
兄弟元素過渡
兄弟元素到兄弟元素的過渡動畫