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