UI美化概述

1.style样式：(res/drawable目录下创建.xml文件)

步骤：style文件需要保存在res/values目录下，文件名任意，但是必须是xml文件，
sytle文件的根标记必须是
风格，给app共有组件写一个风格，就可以完成代码复用
在其他处引用：@style/style的name
案例：
*设置样式：

<!--风格，给App所有组件写一个风格1.创建一个style，统一的style是为了提高复用性-->
<style name="ButtonStyle">
<item name="android:width">50dp</item>
<item name="android:height">50dp</item>
<!--（注意属性为width和height，在布局文件中是layout_width,layout_height）-->
<item name="android:background">#aaffdd</item>
            </style>

*在布局中使用

<!--给Button设置style  -->
<Button
    style="@style/mytextstyle"
    android:text="@string/hello_world" />

2.selector背景选择器（res/drawable目录下创建.xml文件）

作用：根据UI控件的不同状态选择相应的颜色资源作为控件的背景
用法：a： 在drawable目录下创建.xml文件，根标签为<selector>
b： 增加<item>标签，并设置不同状态和对应的资源
c： 在UI控件的background属性引用,属性值：@drawable/xx

案例：
（1）按钮的背景选择器：

<selector xmlns:android="http://schemas.android.com/apk/res/android">
            <item android:state_pressed="true" android:drawable="@mipmap/ic_launcher"/>
            <item android:state_pressed="false" android:drawable="@mipmap/ic_launcher"/>
        </selector>

在button控件中引用
android:background=”@drawable/buttonselector”
（buttonselector为按钮选择器的xml文件名）

（2）ListView的背景选择器：

<selector xmlns:android="http://schemas.android.com/apk/res/android" >
                <item android:state_pressed="true"  android:drawable="@drawable/daoone"></item>
                <item android:state_pressed="false" android:drawable="@drawable/daotwo"></item>
            </selector>

在listview的控件中background设置

（3）radoButton

<selector xmlns:android="http://schemas.android.com/apk/res/android">
            <item android:state_checked="true" android:drawable="@mipmap/ic_launcher"/>
            <item android:state_checked="false" android:drawable="@mipmap/ic_launcher"/>
        </selector>

（4）text文件选择器，点击文字变色

<selector xmlns:android="http://schemas.android.com/apk/res/android">
            <item android:state_pressed="true" android:color="@color/colorPrimary"/>
            <item android:state_pressed="false" android:color="@color/colorAccent"/>
        </selector>         

3：animator

（在res文件夹下创建名为animator的文件夹）
存放定义属性动画的xml文件

4.anim:

（在res文件夹下创建名为anim的文件夹）
定义补间动画的xml文件

5.raw:

（在res文件夹下创建名为raw的文件夹）
可以通过R文件直接访问(可以存放音频视频文件)

6.color资源：

标签为color
<color name="colorPrimary">#3F51B5</color>中引用@color/名字

7.shape图形资源

（位置：res/drawable/xxx.xml）
根标签<shape> 中的android:shape属性值
rectagle 矩形
oval 椭圆
line 水平直线
ring 环形
<gradient> 渐变子标签
<solid> 填充颜色子标签
<stroke> 描边子标签
<corners> 圆角子标签
<padding>内边距子标签

案例：圆角按钮

<selector xmlns:android="http://schemas.android.com/apk/res/android" >

            <!-- 触摸方式按下按钮 -->
             <item android:state_focused="false" android:state_pressed="true">
                <shape android:shape="rectangle">
                    <corners android:radius="10dp"/>
                    <solid android:color="#f00"/>
                </shape>
            </item>

            <item>
                 <shape android:shape="rectangle">
                    <corners android:radius="10dp"/>
                    <solid android:color="#00f"/>
                    <gradient android:startColor="#00f" android:centerColor="#fff" android:endColor="#00f"/>

                    <!-- 如果设置填充颜色，则渐变色将失效 -->
                    <solid android:color="#ffff"/>
                    <size android:width="10dp" android:height="10dp" />
                    <stroke android:color="#000" android:width="1dp"/>
                </shape>
            </item>  
        </selector>

8.layer-list 图层资源

作用： 将多个图片或图形按层关系排放，类似帧布局
用法同selector，不过根标签为<layer-list>,必须指定id和drawable属性
案例：水平进度条

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" android:opacity="opaque">

            <!-- 进度条的背景，必须放在此处，即图层的最底部 -->
            <item android:id="@android:id/background" android:drawable="@drawable/progress_bg"/>

            <!-- 第二进度值，在图层的中部 -->
            <item android:id="@android:id/secondaryProgress" android:drawable="@drawable/progress_second"/>

            <!-- 当前进度值，在图层的最顶部 -->
            <item android:id="@android:id/progress" android:drawable="@drawable/progress"/>

        </layer-list>

—-布局文件－－－－

<ProgressBar 
                style="?android:attr/progressBarStyleHorizontal"
                android:id="@+id/progressId"
                android:layout_width="match_parent"
                android:layout_height="40dp" 
                android:progressDrawable="@drawable/progress_bar"
                android:layout_below="@id/listView"
                />