drawable,通過xml去生成圖片

layer-list：兩張圖片和成一張圖片

state-list：狀態圖，如button按鈕的點擊，點擊前與點擊時的狀態顏色不一樣。

level-list：打分圖片

shape：繪制形狀圖片

 

布局代碼：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <ImageView
        android:id="@+id/iv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/layerlist"/>

    <Button 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="onClick"
        android:text="    下             一                張"
        android:background="@drawable/shape"/>
</LinearLayout>

MainActivity：

package com.android.hzy.drawable;
import android.app.Activity;
import android.graphics.drawable.LayerDrawable;
import android.os.Bundle;
import android.view.View;
import android.widget.ImageView;

public class MainActivity extends Activity {

    private ImageView iv;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        iv = (ImageView) findViewById(R.id.iv);
    }

    public void onClick(View v){
        LayerDrawable layerDrawable = (LayerDrawable) getResources().getDrawable(R.drawable.layerlist);
        // 替換圖片
        layerDrawable.setDrawableByLayerId(R.id.user, getResources().getDrawable(R.drawable.ic_launcher));
        // 將圖片復制給imageview
        iv.setImageDrawable(layerDrawable);
    }
}

res/drawable下創建與之對應的xml

layerlist.xml

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

    <item android:drawable="@drawable/faceback"/>
    <item
        android:id="@+id/user"
        android:bottom="22dp"
        android:drawable="@drawable/user"
        android:left="18dp"
        android:right="18dp"
        android:top="68dp"/>

</layer-list>

statelist.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
    <!-- 按下采用的是什么圖片 -->
    <item android:state_pressed="true" android:drawable="@drawable/bg_selected"></item>
    <!-- 默認狀態就是個正常狀態，因此默認狀態的條目要放在最后寫 -->
    <item android:drawable="@drawable/bg_normal"></item>

</selector>

levellist.xml

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

    <item
        android:drawable="@drawable/faceback"
        android:maxLevel="10"
        android:minLevel="0"/>
    <item
        android:drawable="@drawable/faceback"
        android:maxLevel="20"
        android:minLevel="11"/>

</level-list>

shape.xml

<?xml version="1.0" encoding="utf-8"?>
<!-- 
android:shape=["rectangle" | "oval" | "line" | "ring"]：表示圖形的形狀
corners ：代表圓角
gradient : 漸變色
padding：內邊距
size：圖片的大小
solid：內填充色     和  gradient 只能使用一個
stroke：邊線 (虛線圖片)
 -->
<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <corners
        android:radius="3dp" />
    <gradient
        android:centerColor="#D0F4F9"
        android:endColor="#4BED23"
        android:startColor="#5FF2FA" />
    <padding
        android:left="2dp"
        android:top="2dp"
        android:right="2dp"
        android:bottom="2dp" />

    <stroke
        android:width="1dp"
        android:color="#f00"
        android:dashWidth="10dp"
        android:dashGap="2dp" />
</shape>