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

環(huán)境

三維世界(3D world)
光影關系(Light and shadow)

三維世界(3D world)

Material 環(huán)境是一個三維的空間,這意味著每個對象都有 x , y , z 三維坐標屬性,z 軸垂直于顯示平面,并延伸向用戶視角,每個 material 元素在 z 軸上占據一定的位置并且有一個 1dp 厚度的標準。 在網頁上,z 軸被用來分層而不是為了視角。3D 空間通過操縱 y 軸進行仿真。

http://wiki.jikexueyuan.com/project/material-design/images/1.png" alt="具備 x,y 和 z 軸的 3D 空間" />

具備 x,y 和 z 軸的 3D 空間

光影關系(Light and shadow) 在 material 環(huán)境中,虛擬的光線照射使場景中的對象投射出陰影,主光源投射出一個定向的陰影,而環(huán)境光從各個角度投射出連貫又柔和的陰影。

material 環(huán)境中的所有陰影都是由這兩種光投射產生的,陰影是光線照射不到的地方,因為各個元素在z軸上占據了不同大小的位置遮擋住了這些光線。

http://wiki.jikexueyuan.com/project/material-design/images/1_1.png" alt="" />
直射光投射的陰影

http://wiki.jikexueyuan.com/project/material-design/images/1_2.png" alt="" />
散射光投射的陰影

http://wiki.jikexueyuan.com/project/material-design/images/1_3.png" alt="" />
直射光和散射光混合投影

上一篇:Snackbars 與 Toasts下一篇:列表控制