Android Layer List 使用实现实例

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

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

              

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

 

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

主界面activity_main.xml文件如下

 

[html]  view plain copy print ?

 

1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
2.     xmlns:tools="http://schemas.android.com/tools"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="match_parent"  
5.     >  
6.   
7.     <ImageView   
8.         android:id="@+id/show_img"  
9.         android:layout_width="wrap_content"  
10.         android:layout_height="wrap_content"  
11.         android:layout_alignParentTop="true"  
12.         android:src="@drawable/layerlist"  
13.         android:contentDescription="@string/app_name"/>  
14.     <Button   
15.         android:layout_width="wrap_content"  
16.         android:layout_height="wrap_content"  
17.         android:text="@string/button_text"  
18.         android:layout_alignParentBottom="true"  
19.         android:layout_centerHorizontal="true"  
20.         android:onClick="change"  
21.         android:layout_marginBottom="20dp"/>  
22.   
23. </RelativeLayout>  

 

 

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

[html]  view plain copy print ?

 

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

MainActivity.java文件如下所示：

 

[java]  view plain copy print ?

 

1. package com.shen.layerlist;  
2.   
3. import android.app.Activity;  
4. import android.graphics.drawable.LayerDrawable;  
5. import android.os.Bundle;  
6. import android.view.Menu;  
7. import android.view.MenuItem;  
8. import android.view.View;  
9. import android.widget.ImageView;  
10.   
11. public class MainActivity extends Activity {  
12.   
13.     private ImageView imageView;  
14.     private int num = 0;  
15.     @Override  
16.     protected void onCreate(Bundle savedInstanceState) {  
17.         super.onCreate(savedInstanceState);  
18.         setContentView(R.layout.activity_main);  
19.         //实例化ImageView控件  
20.         imageView = (ImageView) findViewById(R.id.show_img);  
21.     }  
22.   
23.     @Override  
24.     public boolean onCreateOptionsMenu(Menu menu) {  
25.         // Inflate the menu; this adds items to the action bar if it is present.  
26.         getMenuInflater().inflate(R.menu.main, menu);  
27.         return true;  
28.     }  
29.   
30.     @Override  
31.     public boolean onOptionsItemSelected(MenuItem item) {  
32.         // Handle action bar item clicks here. The action bar will  
33.         // automatically handle clicks on the Home/Up button, so long  
34.         // as you specify a parent activity in AndroidManifest.xml.  
35.         int id = item.getItemId();  
36.         if (id == R.id.action_settings) {  
37.             return true;  
38.         }  
39.         return super.onOptionsItemSelected(item);  
40.     }  
41.     /** 
42.      * 按钮点击事件 
43.      * @param v 
44.      */  
45.     public void change(View v)  
46.     {  
47.         //获得我们合成的图片  
48.         LayerDrawable layerDrawable = (LayerDrawable) getResources().getDrawable(R.drawable.layerlist);  
49.         //替换合成图片中内容  
50.         layerDrawable.setDrawableByLayerId(R.id.inside_img, getResources().getDrawable(getDrawableId()));  
51.         //显示更改后的效果  
52.         imageView.setImageDrawable(layerDrawable);  
53.           
54.           
55.         //增加来显示不同的图片  
56.         num ++;  
57.     }  
58.       
59.     private int getDrawableId()  
60.     {  
61.         switch (num%2) {  
62.         case 0:  
63.             return R.drawable.mouse;  
64.         case 1:  
65.             return R.drawable.head;  
66.         default:  
67.             break;  
68.         }  
69.           
70.         return R.drawable.head;  
71.     }  
72. }  

最后，附加用到的图片：

 

                                                   

 

 

 

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

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

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

              

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

 

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

主界面activity_main.xml文件如下

 

[html]  view plain copy print ?

 

1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
2.     xmlns:tools="http://schemas.android.com/tools"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="match_parent"  
5.     >  
6.   
7.     <ImageView   
8.         android:id="@+id/show_img"  
9.         android:layout_width="wrap_content"  
10.         android:layout_height="wrap_content"  
11.         android:layout_alignParentTop="true"  
12.         android:src="@drawable/layerlist"  
13.         android:contentDescription="@string/app_name"/>  
14.     <Button   
15.         android:layout_width="wrap_content"  
16.         android:layout_height="wrap_content"  
17.         android:text="@string/button_text"  
18.         android:layout_alignParentBottom="true"  
19.         android:layout_centerHorizontal="true"  
20.         android:onClick="change"  
21.         android:layout_marginBottom="20dp"/>  
22.   
23. </RelativeLayout>  

 

 

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

[html]  view plain copy print ?

 

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

MainActivity.java文件如下所示：

 

[java]  view plain copy print ?

 

1. package com.shen.layerlist;  
2.   
3. import android.app.Activity;  
4. import android.graphics.drawable.LayerDrawable;  
5. import android.os.Bundle;  
6. import android.view.Menu;  
7. import android.view.MenuItem;  
8. import android.view.View;  
9. import android.widget.ImageView;  
10.   
11. public class MainActivity extends Activity {  
12.   
13.     private ImageView imageView;  
14.     private int num = 0;  
15.     @Override  
16.     protected void onCreate(Bundle savedInstanceState) {  
17.         super.onCreate(savedInstanceState);  
18.         setContentView(R.layout.activity_main);  
19.         //实例化ImageView控件  
20.         imageView = (ImageView) findViewById(R.id.show_img);  
21.     }  
22.   
23.     @Override  
24.     public boolean onCreateOptionsMenu(Menu menu) {  
25.         // Inflate the menu; this adds items to the action bar if it is present.  
26.         getMenuInflater().inflate(R.menu.main, menu);  
27.         return true;  
28.     }  
29.   
30.     @Override  
31.     public boolean onOptionsItemSelected(MenuItem item) {  
32.         // Handle action bar item clicks here. The action bar will  
33.         // automatically handle clicks on the Home/Up button, so long  
34.         // as you specify a parent activity in AndroidManifest.xml.  
35.         int id = item.getItemId();  
36.         if (id == R.id.action_settings) {  
37.             return true;  
38.         }  
39.         return super.onOptionsItemSelected(item);  
40.     }  
41.     /** 
42.      * 按钮点击事件 
43.      * @param v 
44.      */  
45.     public void change(View v)  
46.     {  
47.         //获得我们合成的图片  
48.         LayerDrawable layerDrawable = (LayerDrawable) getResources().getDrawable(R.drawable.layerlist);  
49.         //替换合成图片中内容  
50.         layerDrawable.setDrawableByLayerId(R.id.inside_img, getResources().getDrawable(getDrawableId()));  
51.         //显示更改后的效果  
52.         imageView.setImageDrawable(layerDrawable);  
53.           
54.           
55.         //增加来显示不同的图片  
56.         num ++;  
57.     }  
58.       
59.     private int getDrawableId()  
60.     {  
61.         switch (num%2) {  
62.         case 0:  
63.             return R.drawable.mouse;  
64.         case 1:  
65.             return R.drawable.head;  
66.         default:  
67.             break;  
68.         }  
69.           
70.         return R.drawable.head;  
71.     }  
72. }  

最后，附加用到的图片：

 

                                                   

 

 

 

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