Android Material Design学习(一)

作者: 满月写 | 来源:发表于2016-12-02 16:57 被阅读112次

    我最近在做公司项目的一个新页面,研究了一下,发现要使用到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主题主要有三种:

    1. Theme.AppCompat.
    2. Theme.AppCompat.Light
    3. 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一些重要的属性。一篇文章写下来,有点拨开云雾的感觉,托大神的福,我省了不少的力气,再次感谢。

    相关文章

      网友评论

      本文标题:Android Material Design学习(一)

      本文链接:https://www.haomeiwen.com/subject/pdrqmttx.html