Android Layer List 使用实现实例
发布日期:2021-09-27 14:12:57 浏览次数:1 分类:技术文章

本文共 6012 字,大约阅读时间需要 20 分钟。

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

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

              

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

 

新建一个Android工程,目录结构如下:

主界面activity_main.xml文件如下

 

[html] 
 
  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] 
 
  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] 
 
  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] 
 
  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] 
 
  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] 
 
  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

转载于:https://www.cnblogs.com/MMLoveMeMM/articles/4204340.html

转载地址:https://blog.csdn.net/FLY_THINK2012/article/details/101840994 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:Android XML文件使用
下一篇:Android 中自定义控件和属性(attr.xml,declare-styleable,TypedArray)的方法和使用

发表评论

最新留言

能坚持,总会有不一样的收获!
[***.219.124.196]2024年03月12日 11时59分17秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章

Maria数据库怎么复制到mysql_MySQL、MariaDB数据库的AB复制配置过程 2019-04-21
mysql5.6 icp mrr bak_【mysql】关于ICP、MRR、BKA等特性 2019-04-21
mysql utf8跟utf8mb4_MySQL utf8 和 utf8mb4 的区别 2019-04-21
docker mysql开机自启动_Docker学习4-学会如何让容器开机自启服务【坑】 2019-04-21
在mysql中删除表正确的是什么_在MySQL中删除表的操作教程 2019-04-21
mysql有3个共同好友_共同好友mysql 2019-04-21
代理查询 mysql_查询数据库代理设置 2019-04-21
mysql dif_mysqldiff实现MySQL数据表比较 2019-04-21
mysql 允许其他主机访问权限_允许其他主机访问本机MySQL 2019-04-21
druid不能close mysql连接_alibaba druid mysql连接问题 2019-04-21
mysql 设置按天分表_MySQL 优化实战记录 2019-04-21
java连接mysql 不推荐_java连接mysql 2019-04-21
mysql数据库 quota_shell脚本抓取用户存储quota写道mysql并展现到grafana面板 2019-04-21
idea测试连接mysql报错08001_IDEA连接MySQL错误 2019-04-21
layui导入模板数据_layui表格-template模板的三种用法 2019-04-21
mysql分组显示行号_mysql 显示行号,以及分组排序 2019-04-21
MySQL常见的主从复制架构_如何搭建经典的MySQL 主从复制架构 2019-04-21
编写python程序、计算账户余额_小明有20w存款存在余额宝中,按余额宝年收益为3.35%计算,用Python编写程序计算,多少年后小明的存款达到30w?... 2019-04-21
python 公众号引流_公众号引流方法有哪些? 2019-04-21
java 减少内存_java中减少内存占用小技巧 2019-04-21