Material Design之動畫篇

2021-07-09 09:41:57 字數 562 閱讀 2098

一.material design之動畫篇

要求: android5.0開始引入material design

擬物設計和扁平設計的結合

反饋要微妙而清晰,過渡動畫要高效而連貫

觸控反應,漣漪、抬高

material design動畫效果類(一)

touch feedback

reveal effect

activity transitions

material design動畫效果類(二)

curved motion

@interpolator/fast_out_linear_in.xml

@interpolator/fast_out_slow_in.xml

@interpolator/linear_out_slow_in.xml

view state changes

animate vector drawables

向量圖,在res/drawable/

向量圖,在res/drawable/

用元素,在res/anim/ 

Material Design控制項使用

本文整合前面四篇的控制項,再結合豆瓣讀書的api,做了乙個搜尋書籍和檢視書籍資訊的demo。先上效果圖 專案依賴庫 dependencies 複製 書籍列表 使用了recyclerview和cardview進行布局。recyclerview參考文章 material design控制項使用 一 ca...

Material Design的其他使用

material design給予影象兩個新功能tint著色和clip剪裁 第乙個著色很簡單,你只需要在xml檔案中配置好android tint屬性和android tintmode屬性就可以。效果顯而易見,如圖所示 接下來說一下裁剪的功能,你可以通過裁剪改變乙個檢視的外形。首先需要使用viewo...

UI設計原則 Material Design

什麼是material?環境 material屬性 高度和陰影 animation 真實的動作 互動相應 有意義的轉場動畫 打動使用者的細節 style 色彩 圖示 影象 文字排版 書寫 layout 準則 單位和長度 度量與邊框 結構 自適應 components 底部視窗 bottom shee...