建立Material Design风格的Android应用--应用主题

昨天正式发布了android 5,同时android developer网站也更新了,增长了建立Material Design风格的Android应用指南,也更新了Support Library,在support library增长了一些Material Design风格的控件和动画等,这里给你们简单介绍一下怎样开发material design风格的Android应用。html

android 5使用Material Design风格

android提供了三种Material Design风格Theme。java

分别是:android

@android:style/Theme.Material (dark version)		
@android:style/Theme.Material.Light (light version)		
@android:style/Theme.Material.Light.DarkActionBar

Light material theme

Light material themeapp

Dark material theme

Dark material theme布局

咱们能够以这三个Theme来定义咱们的Theme,好比:gradle

<resources>
 <!-- inherit from the material theme -->
 <style name="AppTheme" parent="android:Theme.Material">
   <!-- Main theme colors -->
   <!--   your app branding color for the app bar -->
   <item name="android:colorPrimary">@color/primary</item>
   <!--   darker variant for the status bar and contextual app bars -->
   <item name="android:colorPrimaryDark">@color/primary_dark</item>
   <!--   theme UI controls like checkboxes and text fields -->
   <item name="android:colorAccent">@color/accent</item>
 </style>
</resources>

咱们能够修改每一个位置的字或者背景的颜色,每一个位置的名字以下图所示:动画

Customizing the material theme

我就简单的介绍一下,更具体的本身探索吧。网站

较低版本使用Material Design风格

要在较低版本上面使用Material Design风格,则须要使用最新的support library(version 21),能够直接把项目引入工程,或者使用gradle构建,增长compile dependency:code

dependencies {
    compile 'com.android.support:appcompat-v7:+'
    compile 'com.android.support:cardview-v7:+'
    compile 'com.android.support:recyclerview-v7:+'
}

将上面的AppTheme style放到res/values-v21/style.xml,再res/values/style.xml增长一个AppTheme,以下:xml

<!-- extend one of the Theme.AppCompat themes -->
<style name="Theme.MyTheme" parent="Theme.AppCompat.Light">
    <!-- customize the color palette -->
    <item name="colorPrimary">@color/material_blue_500</item>
    <item name="colorPrimaryDark">@color/material_blue_700</item>
    <item name="colorAccent">@color/material_green_A200</item>
</style>

这样能够一样实现不少的地方是Material Design,可是因为低版本不支持沉浸式状态栏,有一些效果仍是没法实现。

PS:就写这么多吧。下次写使用CardView 和RecyclerView。作Material Design的List 和Card布局。 (我英文很差,可能有些地方也理解的很差。)

参考:http://developer.android.com/training/material/theme.html

原文地址:http://blog.isming.me/2014/10/18/creating-android-app-with-material-design-one-theme/,转载请注明出处。

相关文章
相关标签/搜索