鍍金池/ 教程/ Android/ 導(dǎo)航過(guò)渡
Snackbars 與 Toasts
選擇器
網(wǎng)格
紙片
色彩
手勢(shì)
內(nèi)容選取
準(zhǔn)則
導(dǎo)航過(guò)渡
進(jìn)度和動(dòng)態(tài)
概述
數(shù)據(jù)格式
搜索(Search)
Roboto 字體
副標(biāo)題
Material 屬性
書(shū)寫(xiě)
空狀態(tài)
按鈕
提示框(Dialogs)
開(kāi)關(guān)
導(dǎo)航
單位和度量
列表
度量與邊框
真實(shí)的動(dòng)作
改進(jìn)的操作
底部動(dòng)作條
加載圖片
卡片
工具提示(Tooltips)
菜單
設(shè)備
可達(dá)性
分隔線(Dividers)
高度和陰影
環(huán)境
抽屜式導(dǎo)航
響應(yīng)式交互
Tabs
圖標(biāo)
滾動(dòng)時(shí)的技巧
更新記錄
錯(cuò)誤
影像處理
設(shè)置
滑塊控件(Sliders)
列表控制
圖像
文本框
布局模板
雙向性
選擇控制器
調(diào)色板
自適應(yīng) UI
貼片集
數(shù)據(jù)表
滑動(dòng)刷新
啟動(dòng)屏幕
按鈕:浮動(dòng)操作按鈕
打動(dòng)用戶的細(xì)節(jié)
應(yīng)用結(jié)構(gòu)
有意義的轉(zhuǎn)場(chǎng)動(dòng)畫(huà)
字體排版(Typography)
結(jié)構(gòu)

導(dǎo)航過(guò)渡

導(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ò)渡。

靜態(tài)高度

當(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à)

上一篇:度量與邊框下一篇:選擇控制器