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

導(dǎo)航過渡

導(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ā)生于同層級元素之間的過渡。

靜態(tài)高度

當(dāng)一個用戶通過標(biāo)簽進(jìn)行導(dǎo)航,將不會有高度變化。每個標(biāo)簽的內(nèi)容和表面保持同樣的高度。兄弟元素向左移出屏幕時,新的內(nèi)容從右邊滑進(jìn)來。

兄弟元素過渡

兄弟元素到兄弟元素的過渡動畫

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