Android Design Support Library使用

Material design官網地址:https://material.google.com/, 這個規範應該產品經理或UI設計師應該熟知於心
色彩
在這裏插入圖片描述
如圖,工具欄和大色塊適合使用飽和度 500 的基礎色,這也是你應用的主要顏色。狀態欄適合使用更深一些的飽和度 700 的基礎色。更多Color見:
Style-Color
字體標準樣式
在這裏插入圖片描述

<dimen name="button">14sp</dimen>
<!--給(圖片、照片等)加說明文字-->
<dimen name="caption">12sp</dimen>
<dimen name="body">14sp</dimen>
<!--副標題-->
<dimen name="subheading">16sp</dimen>
<dimen name="title">20sp</dimen>
<dimen name="headline">24sp</dimen>
<dimen name="display1">34sp</dimen>
<dimen name="display2">45sp</dimen>
<dimen name="display3">56sp</dimen>
<dimen name="display4">112sp</dimen>

最基本的樣式集合就是基於 12、14、16、20 和 34 號的字體排版縮放。

使用

如何添加依賴
在build.gradle(Module:app)中dependencies中添加

implementation'com.android.support:appcompat-v7:28.0.0'
implementation 'com.android.support:support-v4:28.0.0'
implementation 'com.android.support:design:28.0.0'

TabLayout
在這裏插入圖片描述
一篇博客上的介紹Android Design Support Library之TabLayout

國外一個關於TabLayout不錯的介紹以及使用Google Play Style Tabs using TabLayout

庫中更多別的內容可以看寫的不錯的一篇文章
https://zhuanlan.zhihu.com/p/23032281

另外一個國外不錯的介紹 Design Support Library

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章