android 美观列表 android界面美化

主题Theme就是用来设置界面UI风格，可以设置整个应用或者某个活动Activity的界面风格。在Android SDK中内置了下面的Theme，可以按标题栏Title Bar和状态栏Status Bar是否可见来分类：

•android:theme="@android:style/Theme.Dialog"   将一个Activity显示为能话框模式•android:theme="@android:style/Theme.NoTitleBar"  不显示应用程序标题栏•android:theme="@android:style/Theme.NoTitleBar.Fullscreen"  不显示应用程序标题栏，并全屏•android:theme="Theme.Light"  背景为白色•android:theme="Theme.Light.NoTitleBar"  白色背景并无标题栏 •android:theme="Theme.Light.NoTitleBar.Fullscreen"  白色背景，无标题栏，全屏•android:theme="Theme.Black"  背景黑色•android:theme="Theme.Black.NoTitleBar"  黑色背景并无标题栏•android:theme="Theme.Black.NoTitleBar.Fullscreen"    黑色背景，无标题栏，全屏•android:theme="Theme.Wallpaper"  用系统桌面为应用程序背景•android:theme="Theme.Wallpaper.NoTitleBar"  用系统桌面为应用程序背景，且无标题栏•android:theme="Theme.Wallpaper.NoTitleBar.Fullscreen"  用系统桌面为应用程序背景，无标题栏，全屏•android:theme="Translucent"  半透明•android:theme="Theme.Translucent.NoTitleBar" 半透明、无标题栏•android:theme="Theme.Translucent.NoTitleBar.Fullscreen" 半透明、无标题栏、全屏•android:theme="Theme.Panel"•android:theme="Theme.Light.Panel"

这些主题可以应用到整个应用Application范围或者某个活动Activity范围中。

//应用Application范围    //在AndroidManifest.xml中的application节点中设置theme属性，主题theme应用到整个应用程序中。    Android:icon=”@drawable/icon”    @android:style/Theme.Black.NoTitleBar”>     //活动Activity范围    //使用java代码或者在AndroidManifest.xml中对活动Activity的主题进行设置，主题仅应用到当前活动中。    //在AndroidMainifest.xml设置方法：    android:name=“.About”    android:label=“    @string/app_name”    android:theme=“    @android:style/Theme.Black.NoTitleBar” >    // 使用java代码进行设置，在当前活动Activity的onCreate中进行设置：    @Override    public void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setTheme(android.R.style.Theme_Translucent_NoTitleBar);        setContentView(R.layout.main);     }

1、什么是Style，什么是Theme？

        Style 和 theme：是一个包含一种 或者 多种格式化 属性 的集合  ，并且 style和theme都是资源，存放在res/values 文件夹下 即可，android提供了很多这样的默认资源。你可以来使用它们。同时你也可以自己定义style和 theme，只需要在res/values/这个路径里面新建一个.xml文件，而且他的根节点必须 是。对 每一个style和theme，给

先来看看style，比如如下一段代码：

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="CodeFont" parent="@android:style/TextAppearance.Medium">
        <item name="android:layout_width">fill_parentitem>
        <item name="android:layout_height">wrap_contentitem>
        <item name="android:textColor">#00FF00item>
        <item name="android:typeface">monospaceitem>
    style>
resources>

可以看到这个style的名字为CodeFont。parent后面就是父类的style， CodeFont继承这个父类的属性。可以看到这个父类的style是android中默认的，你也可以继承你自定义的style，这时候不需要再写 parent属性，而是使用ContFont.red这样的方式，而且你可以继续继承，写成ContFont.red.small。接下来 每一个item定义一个属性。定义属性的最好方法就是在api文档里找到这个view的xml属性，比如在EditText中有InputType 这个属性，那么在你的style里面你就可以来定义它。

使用也非常简单，我们只要在写我们的view时，加入style标签就可以了，就像这样

style="@style/CodeFont"
    android:text="@string/hello" />

现在这个TextView 组件的所表现出来的风格就为我们在上边的XML文件中所定义的那样。

下面讲讲主题，主题需要在AndroidManifest.xml中注册。如果你想整个程序都使用这个主题，你可以这样写

<application android:theme="@style/CustomTheme">

如果你只需要在某个Activity中使用主题,那么只要在Activity标签中写入android:theme= 就可以了，android有很多好的默认主题，比如

<activity android:theme="@android:style/Theme.Dialog">

这就会使你的整个Activity变成一个对话框形式。或者，如果你希望背景是透明的，可以这样写

<activity android:theme="@android:style/Theme.Translucent">

同样的我们也可以继承父类theme，写法和style一样。你也可以自己定义一个theme，写个例子

<?xml version="1.0" encoding="utf-8"?>
<resources>
 <style name="CustomTheme">
             <item name="android:windowNoTitle">trueitem>
             <item name="windowFrame">@drawable/screen_frameitem>
             <item name="windowBackground">@drawable/screen_background_whiteitem>
             <item name="panelForegroundColor">#FF000000item>
             <item name="panelBackgroundColor">#FFFFFFFFitem>
             <item name="panelTextColor">?panelForegroundColoritem>
             <item name="panelTextSize">14item>
             <item name="menuItemTextColor">?panelTextColoritem>
             <item name="menuItemTextSize">?panelTextSizeitem>
             style>
resources>

如果你要在java代码中加载主题的话，只要用setTheme(R.style.CustomTheme)就可以了，不过记得一定要在初始化任何view之前，比如一定要放在我们常用的setContentView()之前。通常，不建议这么做。

Android系统的 themes.xml 和 style.xml (位于/base/core/res/res/values/) 包含了很多系统定义好的style，建议在里面挑个合适的，然后再继承修改。

下边是SDK中主题的一个例子：

<?xml version="1.0" encoding="utf-8"?> 
<resources>
  <style name="CustomTheme">
      <item name="android:windowNoTitle">trueitem>
      <item name="windowFrame">@drawable/screen_frameitem>
      <item name="windowBackground">@drawable/screen_background_whiteitem>
      <item name="panelForegroundColor">#FF000000item>
      <item name="panelBackgroundColor">#FFFFFFFFitem>
 
      <item name="panelTextColor">?panelForegroundColoritem> 
      <item name="panelTextSize">14item> 
      <item name="menuItemTextColor">?panelTextColoritem> 
      <item name="menuItemTextSize">?panelTextSizeitem> 
  style> 
resources>

注意：我们用了@符号和？符号来应用资源。@符号 表明 我们引用的资源是前边定义过的(或者在前一个项目中或者在Android 框架中)。问号？表明 我们引用的资源的值在 当前的 主题当中定义过。通过引用在里边定义的名字 可以做到(panelTextColor 用的颜色 和 panelForegroundColor中定义的一样 )。这中技巧只能用在XML资源当中

在程序中 使用主题的方法：

protected void onCreate(Bundle savedInstanceState) {
     super.onCreate(savedInstanceState); 
     setTheme(android.R.style.Theme_Light); 
     setContentView(R.layout.linear_layout_3); 
}

如果你喜欢一个主题，但是想做一些轻微的改变，你只需要将这个主题添加为父主题。比如我们修改Theme.Dialog主题。我们来继承Theme.Dialog来生成一个新的主题。

<style name=”CustomDialogTheme” 
            parent=”@android:style/Theme.Dialog” >

继承了Theme.Dialog后，我们可以按照我们的要求来调整主题。我们可以修改在Theme.Dialog中定义的每个item元素的值，然后我们在Android Manifest 文件中使用CustomDialogTheme 而不是 Theme.Dialog 。

Material Design 主题使用

在Android 5.0中，新引入了以Material为关键字的主题。

@android:style/Theme.Material
@android:style/Theme.Material.Light
@android:style/Theme.Material.Light.DarkActionBar

使用方式都是在styles.xml的定义中，

<style name="MaterialTheme"     parent="android:Theme.Material">
style>

但注意，这个定义不能放在values中，只能放在values-v21中。因为低版本的机型不识别这个主题。

因此，为了兼容低于androidL的机型，通常的做法，需要在values中，添加一个中间主题CustomCompactTheme。

对于values-21(高于5.0的版本), CustomCompactTheme可继承android.Theme.Material.

<style name="CustomeCompatTheme" parent="android:Theme.Material">
style>

对于values(低于5.0的版本)，CustomCompactTheme可继承Holo。

<style name="CustomeCompatTheme" parent="android:Theme.Holo">
style>

完整代码如下：
values-v21/styles.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
 
<style name="CustomeCompatTheme" parent="android:Theme.Material">
style>


resources>

values/styles.xml

<style name="CustomeCompatTheme" parent="android:Theme.Holo">
style>




<style name="AppTheme" parent="CustomeCompatTheme">

style>
resources>

兼容低版本主题的使用

幸运的是在android-support-v7包(21版以上)已经为我们实现了兼容方案，只要引入相关的主题即可。

加入v7包，在gradle.build文件的dependencies节点中加入

compile 'com.android.support:appcompat-v7:23.0.0'

则styles.xml可以精简为

<style name="AppTheme" parent="Theme.AppCompat.NoActionBar">

style>

主题的配色

在theme中，我们可以为系统界面自定义一些配色，见下图。

这些配色，可以在主题中进行设置如

"colorPrimary">#675634
"colorPrimaryDark">#993309
"colorAccent">#7767ff
"android:textColorPrimary">#ffff33
"android:navigationBarColor">#44ef54

同样，在代码设置如下方式

getWindow().setStatusBarColor(0xff873434);
getWindow().setNavigationBarColor(0xff345644);

效果图

ThemeOverlay

通常情况下，主题只能应用到全局，粒度最低只能到Activity这一层次，
那如果说只想把界面中的某一个布局使用主题，怎么办？这在以前是行不通的，但现在新引入Overlay系列主题就能使用到某一个ViewGroup上面，如：

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:theme="@style/ThemeOverlay.AppCompat.Dark"
>
<Button
android:layout_width="wrap_content"
android:text="33333"
android:layout_height="wrap_content" />


<CheckBox
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="New CheckBox"
android:id="@+id/checkBox"
android:layout_below="@+id/button"
android:layout_alignParentStart="true"
android:layout_marginTop="51dp" />
LinearLayout>

这样LinearLayout所有的子元素都将继承ThemeOverlay.AppCompat.Dark的风格。

使用预定义的数值

为了与保持整个应用程序的统一，有时我们需要使用系统预定义的值，比如不同的主题下，ActionBar的高度或不一样，则为了兼容各种主题，则我们在代码中不需要把高度写死，应该使用引用的方式的设置高度，如:

android:layout_height="?android:attr/actionBarSize"
android:layout_width="match_parent"
android:background="?android:attr/colorPrimaryDark"
 />

如上所示，同样的，在必要的时候，我们也需要引用主题的颜色，这样当换一个主题的时候，UI的颜色就随着变改，增强代码的灵活性。