我最近在做公司项目的一个新页面,研究了一下,发现要使用到5.0的新控件。由于之前种种原因,对这块是一知半解,趁这次机会系统的学习一下Material Design
设计和推出的这些控件。
Material Design 是2014年随着Android 5.0
系统被Google
推出的全新的设计语言,比起之前Android系统的UI,Material Design
颜色更鲜艳,动画效果更突出,UI更是内置了实时阴影,已经在不同屏幕之间切换的hero
元素。
PS:大神鸿洋的博客 http://blog.csdn.net/lmj623565791/article/details/45303349对我帮助很多,本篇文章也是在此基础上作的总结,在此感谢。
Material Design Theme 介绍
随着Android SDK的更新,在Android Studio中新建EmptyActivity,默认继承的是AppCompatActivity
。打开styles.xml
,会发现项目默认使用的主题是Theme.AppCompat.XXX
。其实这就是Material Design
主题之一.
Material Design
主题主要有三种:
- Theme.AppCompat.
- Theme.AppCompat.Light
- Theme.AppCompat.Light.DarkActionBar
当前并不仅限于这三种,例如当你你不想使用ActionBar
的时候,可以使用Theme.AppCompat.NoActionBar
.当然你也可以使用如下这种方式:
//在AppTheme中加入如下两行
<item name="windowActionBar">false</item>
<item name="windowNoTitle">true</item>
推荐使用第一种方式。
自定义Material Design 主题
Google 在 Android 5.0 之后,开放了自定义状态栏的功能,是App更好的与手机融为一体。
- colorPrimary 对应ActionBar颜色
- colorPrimaryDark 对应状态栏的颜色
- cloorAccent 对应EditText、RadioButton、CheckBox等选中时的颜色
测试如下:*
- 代码
<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
<!-- Customize your theme here. -->
<item name="colorPrimary">@color/colorPrimary</item> // ActionBar背景色
<item name="colorPrimaryDark">#dfdf30</item> // 状态栏颜色
<item name="colorAccent">#df5630</item> // 被选中颜色EditText,Chebox,RadioButton
</style>
- 效果
测试机为6.0模拟器
本章小结
本章主要介绍了Matrerial Design
的一些特性,已经Material Design Theme
一些重要的属性。一篇文章写下来,有点拨开云雾的感觉,托大神的福,我省了不少的力气,再次感谢。