18 UI美化layer-list

• layer-list 用于叠加两张图片 或者设置 RatingBar（评分） 进度条 相框等

• 在工程文件中的res/drawable/新建一个layer-list（叠加两张图片）
  如下 :

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >



    <item android:id="@+id/back"
        android:drawable="@drawable/back"
        ></item>

    <item
        android:id="@+id/qq"
        android:drawable="@drawable/qq"
        android:left="15dp"
        android:right="30dp"
        android:bottom="40dp"
        android:top="20dp"
        />
</layer-list>

• 在工程文件中的res/drawable/新建一个layer-list（评分）
  如下 :

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <item android:id="@android:id/background"
        android:drawable="@drawable/unselect"></item>

    <item android:id="@android:id/secondaryProgress"
        android:drawable="@drawable/unselect"
        ></item>

    <item android:id="@android:id/progress"
        android:drawable="@drawable/selected"></item>


</layer-list>

• 使用

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:gravity="center" >

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/my_layer_image" />


    <!-- 
     android:numStars="5"一共有多少个等级
        android:rating="3"设置初始
        android:stepSize="0.5"最少的等级
     -->
    <RatingBar 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:numStars="5"
        android:rating="3"
        android:stepSize="0.5"
        android:progressDrawable="@drawable/my_layer_rating"
        />
</LinearLayout>