Android Layer List 使用实现实例

Layer List是Anroid中的一种图形的方式，它是通过叠加若干张图片的方式来形成最终的图片，最终的图片在代码中表现为一个LayerDrawable对象。

效果图：第一张是默认显示，第二张为按改变按钮后的图

              

下面通过一个实例来说明：

新建一个Android工程，目录结构如下：

主界面activity_main.xml文件如下

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >

    <ImageView 
        android:id="@+id/show_img"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:src="@drawable/layerlist"
        android:contentDescription="@string/app_name"/>
    <Button 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/button_text"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:onClick="change"
        android:layout_marginBottom="20dp"/>

</RelativeLayout>

在res目录的drawable文件中建立一个layterlist.xml文件，如下所示：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:drawable="@drawable/background"></item>
	<item android:id="@+id/inside_img" android:drawable="@drawable/head"
	    android:left="80dp" android:right="80dp" android:top="50dp" android:bottom="50dp"></item>
</layer-list>

MainActivity.java文件如下所示：

package com.shen.layerlist;

import android.app.Activity;
import android.graphics.drawable.LayerDrawable;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.ImageView;

public class MainActivity extends Activity {

	private ImageView imageView;
	private int num = 0;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		//实例化ImageView控件
		imageView = (ImageView) findViewById(R.id.show_img);
	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}

	@Override
	public boolean onOptionsItemSelected(MenuItem item) {
		// Handle action bar item clicks here. The action bar will
		// automatically handle clicks on the Home/Up button, so long
		// as you specify a parent activity in AndroidManifest.xml.
		int id = item.getItemId();
		if (id == R.id.action_settings) {
			return true;
		}
		return super.onOptionsItemSelected(item);
	}
	/**
	 * 按钮点击事件
	 * @param v
	 */
	public void change(View v)
	{
		//获得我们合成的图片
		LayerDrawable layerDrawable = (LayerDrawable) getResources().getDrawable(R.drawable.layerlist);
		//替换合成图片中内容
		layerDrawable.setDrawableByLayerId(R.id.inside_img, getResources().getDrawable(getDrawableId()));
		//显示更改后的效果
		imageView.setImageDrawable(layerDrawable);
		
		
		//增加来显示不同的图片
		num ++;
	}
	
	private int getDrawableId()
	{
		switch (num%2) {
		case 0:
			return R.drawable.mouse;
		case 1:
			return R.drawable.head;
		default:
			break;
		}
		
		return R.drawable.head;
	}
}

最后，附加用到的图片：

                                                   

项目源码  http://download.csdn.net/detail/cqtddt/8281275