使用样式消除重复代码

1.尝试更改按钮的背景颜色（values/styles.xml）

  <style name="RemoteButton">
        <item name="android:layout_width">0dp</item>
        <item name="android:layout_height">match_parent</item>
        <item name="android:textColor">#556699</item>
        <item name="android:textSize">20dp</item>
        <item name="android:layout_margin">3dp</item>
        <item name="android:background">#ccd7ee</item>
    </style>

Dialog样式

 <style name="MyDialog" parent="@android:Theme.Dialog">
        <item name="android:windowFrame">@null</item>
        <!-- 边框 -->
        <item name="android:windowNoTitle">true</item>
        <!-- 无标题 -->
        <item name="android:windowIsFloating">true</item>
        <!-- 是否浮现在activity之上 -->
        <item name="android:windowIsTranslucent">false</item>
        <!-- 半透明 -->
        <item name="android:windowBackground">@android:color/transparent</item>
        <!-- 背景透明 #00000000 -->
        <item name="android:backgroundDimEnabled">true</item>
        <!-- 模糊 -->
    </style>

2.创建一个默认的res/drawable目录。然后在该目录下，以shape为根元素创建一个名为button_shape_normal.xml的文件
该XML文件定义了一个圆角矩形。corner元素指定了圆角矩形的圆角半径，而gradient元素则指定了色彩渐变的方向以及起始颜色。 也可使用shape创建其他各种图形，如椭圆、线条以及环等

<?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android" 
        android:shape="rectangle">
        <corners android:radius="3dp" />
        <gradient android:angle="90" 
            android:endColor="#cccccc" 
            android:startColor="#acacac" />
    </shape>

3.在styles.xml中，更新按钮的样式定义，使用新建的Drawable作为按钮的背景

    <style name="RemoteButton">
        <item name="android:layout_width">0dp</item>
        <item name="android:layout_height">match_parent</item>
        <item name="android:textColor">#556699</item>
        <item name="android:textSize">20dp</item>
        <item name="android:layout_margin">3dp</item>
   <!--  <item name="android:background">#ccd7ee</item> -->
        <item name="android:background">@drawable/button_shape_normal</item>
    </style>

4.　state list drawable
使用state list drawable，可根据关联View的不同状态显示不同的drawable。
复制一份button_shape_normal.xml文件，并命名为button_shape_pressed.xml。然后打开该XML文件，将其中定义的角度属性值增加180度，以改变渐变方向，

   <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android"
         android:shape="rectangle">
        <corners android:radius="3dp" />
        <gradient android:angle="90" 
            android:angle="270" 
            android:endColor="#cccccc" 
            android:startColor="#acacac" />
    </shape>

接下来，我们需要一个state list drawable。state list drawable必须包含一个selector根元素，以及用来描述状态的一个或多个item。右键单击res/drawable/目录，以selector为根元素，创建一个名为button_shape.xml的文件

   <?xml version="1.0" encoding="utf-8"?>
    <selector xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:drawable="@drawable/button_shape_normal" android:state_pressed="false"/>
        <item android:drawable="@drawable/button_shape_pressed" android:state_pressed="true"/>
    </selector>

未点击状态下，按钮显示的是深色文字，其与浅色系背景搭配比较合适。由于背景比较灰暗，因此在未点击状态下，按钮浅色系的背景看上去比较合适。而在点击状态下，使用深色系背景比较合适。与state list shape的创建类似，我们也可以轻松创建并使用state list color。 右键单击res/drawable/目录，创建另一个名为button_text_color.xml的state list drawable

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <selector xmlns:android="http://schemas.android.com/apk/res/android">
       <item android:state_pressed="false" android:color="#ffffff"/>
        <item android:state_pressed="true" android:color="#556699"/>
    </selector>
</selector>

在styles.xml中，调整按钮样式使用新建背景drawable和新建文字颜色

   <style name="RemoteButton">
        <item name="android:layout_width">0dp</item>
        <item name="android:layout_height">match_parent</item>
        <item name="android:textColor">#556699</item>
        <item name="android:textSize">20dp</item>
        <item name="android:layout_margin">3dp</item>
     <!--   <item name="android:background">@drawable/button_shape_normal</item> -->
      <!--    <item name="android:background">@drawable/button_shape</item> -->
        <item name="android:textColor">@drawable/button_text_color</item>
    </style>

5.　layer list 与 inset drawable
shape drawable没有可用的阴影属性。但使用其他两种类型的XML drawable，可自创阴影效果。这两种XML drawable 类型分别是：layer list drawable和inset drawable。
下面介绍创建阴影效果的方法。首先，使用与当前按钮drawable同样的shape创建一个阴影。然后，使用layer-list将阴影shape与当前按钮组合起来，再使用inset对按钮底边进行适当的短距移位，直到能够看到阴影显示。 在res/drawable/目录下，以layer-list为根元素，创建一个名为button_shape_shadowed.xml文件

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item>
        <shape android:shape="rectangle" >
            <corners android:radius="5dp" />
            <gradient
                android:angle="90"
                android:centerColor="#303339"
                android:centerY="0.05"
                android:endColor="#000000"
                android:startColor="#00000000" />
        </shape>
        <inset
            android:drawable="@drawable/button_shape"
            android:insetBottom="5dp" />
    </item>
</layer-list>

可以看到，layer-list元素包含了多个Drawable，并以从后至前的绘制顺序进行排序。列表中第二个drawable是一个inset drawable，其任务就是在已创建的drawable底部做5dp单位的移位，并刚好落在移位形成的阴影上。 注意，阴影drawable并未使用单独的文件，而是直接被嵌入了layer list中。该技巧同样适用于其他drawable，如前面讲到的state list drawable。可自行决定究竟是嵌套drawable还是将其放入单独的文件使用。以单独文件的形式使用drawable可减少重复代码，简化各相关文件，但这也同时会使drawable/目录充斥着大量文件。不过要记住，应总是以简单且易于理解的方式编写代码。
在styles.xml中，修改按钮的样式定义，指向可显示阴影的新建drawable。

 <style name="RemoteButton">
                   <item name="android:layout_width">0dp</item>
                   <item name="android:layout_height">match_parent</item>
                <!-- <item name="android:textColor">#556699</item> -->
        <item name="android:textColor">@drawable/button_text_color</item>
                   <item name="android:textSize">20dp</item>
                   <item name="android:layout_margin">3dp</item>
        <!-- <item name="android:background">#ccd7ee</item> -->
        <item name="android:background">@drawable/button_shape_shadowed</item>
    </style>