关闭

在自己的项目中引入Material design设计风格

标签: uiMaterial Design设计
598人阅读 评论(0) 收藏 举报
分类:

Material Design的设计风格是从安卓5.0开始引入的 ,整个风格趋向扁平化,给人一种立体化的感觉,今天就跟大家一块学习下MD的设计理念

下面先来看一张图,提供给大家参考


对上图的各个数字标志的解释如下

①:状态栏颜色("android:colorPrimaryDark")

②:APP标题栏颜色(name="android:colorPrimary")

③:APP标题栏文字颜色(name="android:textColorPrimary")

④:内容区域文字颜色(item name="android:textColor")

⑤:内容区域背景色(name="android:windowBackground")

⑥:虚拟键盘区域颜色( name="android:navigationBarColor")

总的来说,以上不过是一个简单的style文件,然后在application中去引用这个style即可.不过这也是Material Design的一部分,在使用style的前提是必须要引入android:Theme.Material主题.
为什么要引入这个主题呢?如果我们引用其他的主题可以吗,答案当然是可以的,只是在以上效果图中,如果我们引用了例如android:Theme:Light.NoTitle的话其中一些属性就失效了.废话不多说,这些都是style的基本使用.



然后有个这些知识之后,你只需简单的在你的Style文件中把相应的item引入即可,代码实例如下

<style name="AppTheme" parent="android:Theme.Material">  
        <!--   ActionBar颜色 -->  
        <item name="android:colorPrimary">@color/primary</item>  
        <!--   状态栏颜色 -->  
        <item name="android:colorPrimaryDark">@color/primary</item>  
        <!--   控件颜色 -->  
        <item name="android:colorAccent">@color/primary</item>  
        <!-- 背景色 -->  
        <item name="android:windowBackground">@color/window_background</item>  
        <!-- 键盘区域颜色 -->  
        <item name="android:navigationBarColor">@color/primary</item>  
        <!--标题栏字体颜色-->  
        <item name="android:textColorPrimary">@color/primaryTextColor</item>  
        <!--内容区域字体颜色-->  
        <item name="android:textColor">@color/primaryTextColor</item>  
    </style>  
然后在Application中,应用你的Style即可

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:85004次
    • 积分:1817
    • 等级:
    • 排名:千里之外
    • 原创:100篇
    • 转载:2篇
    • 译文:0篇
    • 评论:9条
    文章分类
    最新评论