Android实现图片叠加效果的两种方法_Android

本文实例讲述了Android实现图片叠加效果的两种方法。分享给大家供大家参考,具体如下:

效果图:

第一种:

第二种:

第一种是通过canvas画出来的效果:

public void first(View v) {
    // 防止出现Immutable bitmap passed to Canvas constructor错误
    Bitmap bitmap1 = BitmapFactory.decodeResource(getResources(),
        R.drawable.apple).copy(Bitmap.Config.ARGB_8888, true);
    Bitmap bitmap2 = ((BitmapDrawable) getResources().getDrawable(
        R.drawable.go)).getBitmap();
    Bitmap newBitmap = null;
    newBitmap = Bitmap.createBitmap(bitmap1);
    Canvas canvas = new Canvas(newBitmap);
    Paint paint = new Paint();
    int w = bitmap1.getWidth();
    int h = bitmap1.getHeight();
    int w_2 = bitmap2.getWidth();
    int h_2 = bitmap2.getHeight();
    paint.setColor(Color.GRAY);
    paint.setAlpha(125);
    canvas.drawRect(0, 0, bitmap1.getWidth(), bitmap1.getHeight(), paint);
    paint = new Paint();
    canvas.drawBitmap(bitmap2, Math.abs(w - w_2) / 2,
        Math.abs(h - h_2) / 2, paint);
    canvas.save(Canvas.ALL_SAVE_FLAG);
    // 存储新合成的图片
    canvas.restore();
    image.setImageBitmap(newBitmap);
}

Canvas canvas = new Canvas(newBitmap); 当以newBitmap创建Canvas时,所以操作都已经在该图上实现了。

该例子可以想做是播放器开始播放的效果,计算好中间位置,先覆盖一层透明灰色的正方形,然后在中间画上自己播放的按钮。

第二种是使用系统的LayerDrawable类,该类主要用来控制多个图片的结合:

public void second(View v) {
    Bitmap bitmap1 = ((BitmapDrawable) getResources().getDrawable(
        R.drawable.apple)).getBitmap();
    Bitmap bitmap2 = ((BitmapDrawable) getResources().getDrawable(
        R.drawable.go)).getBitmap();
    Drawable[] array = new Drawable[2];
    array[0] = new BitmapDrawable(bitmap1);
    array[1] = new BitmapDrawable(bitmap2);
    LayerDrawable la = new LayerDrawable(array);
    // 其中第一个参数为层的索引号,后面的四个参数分别为left、top、right和bottom
    la.setLayerInset(0, 0, 0, 0, 0);
    la.setLayerInset(1, 20, 20, 20, 20);
    image.setImageDrawable(la);
}

关联数组array,控制每一层的位置

注意:上面防止出现Immutable bitmap passed to Canvas constructor错误

原因是如果不用copy的方法,直接引用会对资源文件进行修改,而Android是不允许在代码里修改res文件里的图片

layer-list可以将多个图片按照顺序层叠起来。

语法:在drawalbe/drawable-layer.xml中

<layer-list xmlns:Android="http://schemas.android.com/apk/res/android">
  <item Android:drawable="@android:color/white" />
  <item Android:drawable="@drawable/logo_overlay" />
</layer-list>

使用方式像其他图片一样:

如在样式中引用:

<resources>
  <style name="LookupTheme" parent="@Android:style/Theme.Light.NoTitleBar">
    <item name="Android:windowBackground">@drawable/drawable-layer</item>
  </style>
</resources>

在java代码中引用:

复制代码 代码如下:

((ImageView) findViewById(R.id.imageview)).setImageDrawable(getResources().getDrawable(R.drawable.drawable-layer)

在代码中实现:

Resources resources = getResources();
Drawable[] layers = new Drawable[2];
layers[0] = r.getDrawable(R.drawable.white);
layers[1] = r.getDrawable(R.drawable.logo_overlay);
LayerDrawable layerDrawable = new LayerDrawable(layers)
((ImageView) findViewById(R.id.imageview)).setImageDrawable(layerDrawable);

再举一个例子:

要用2张图片叠加起来,看上去形成一张图片

首先创建一个drawalbe/login_head.xml的文件,内容如下:

<?xml version="1.0" encoding="UTF-8"?>
<layer-list
 xmlns:Android="http://schemas.android.com/apk/res/android">
  <item Android:id="@+id/user_faceback_drawable" android:drawable="@drawable/faceback" />
  <item Android:id="@+id/user_face_drawable" android:drawable="@drawable/h001" android:left="10.0dip" android:top="18.0dip" android:right="25.0dip" android:bottom="35.0dip" />
</layer-list>

然后就可以使用这个组合的图片了,比如在ImageView中显示:

<ImageView Android:id="@+id/faceImg" android:background="@drawable/login_head"
Android:layout_width="wrap_content" android:layout_height="wrap_content" />

使用java代码:

如何使多个Drawable叠加(合成图片)?

大家可能知道Bitmap的叠加处理在Android平台中可以通过Canvas一层一层的画就行了,而Drawable中如何处理呢? 除了使用BitmapDrawable的getBitmap方法将Drawable转换为Bitmap外,今天Android123给大家说下好用简单的LayerDrawable类,LayerDrawable顾名思义就是层图形对象。下面直接用一个简单的代码表示:

Bitmap bm = BitmapFactory.decodeResource(getResources(),R.drawable.cwj);
Drawable[] array = new Drawable[3];
array[0] = new PaintDrawable(Color.BLACK); //黑色
array[1] = new PaintDrawable(Color.WHITE); //白色
array[2] = new BitmapDrawable(bm); //位图资源
LayerDrawable ld = new LayerDrawable(array); //参数为上面的Drawable数组
ld.setLayerInset(1, 1, 1, 1, 1); //第一个参数1代表数组的第二个元素,为白色
ld.setLayerInset(2, 2, 2, 2, 2); //第一个参数2代表数组的第三个元素,为位图资源
mImageView.setImageDrawable(ld);

上面的方法中LayerDrawable是关键,Android开发网提示setLayerInset方法原型为public void setLayerInset (int index, int l, int t, int r, int b) 其中第一个参数为层的索引号,后面的四个参数分别为left、top、right和bottom。对于简单的图片合成我们可以将第一和第二层的PaintDrawable换成BitmapDrawable即可实现简单的图片合成。

更多关于Android相关内容感兴趣的读者可查看本站专题:《Android图形与图像处理技巧总结》、《Android开发入门与进阶教程》、《Android调试技巧与常见问题解决方法汇总》、《Android多媒体操作技巧汇总(音频,视频,录音等)》、《Android基本组件用法总结》、《Android视图View技巧总结》、《Android布局layout技巧总结》及《Android控件用法总结》

希望本文所述对大家Android程序设计有所帮助。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索android
图片叠加
js实现图片叠加效果、android 图片叠加效果、android 卡片叠加效果、android 颜色叠加效果、android弹幕效果实现,以便于您获取更多的相关知识。

时间: 2024-10-04 01:14:05

Android实现图片叠加效果的两种方法_Android的相关文章

Android实现图片叠加效果的两种方法

本文实例讲述了Android实现图片叠加效果的两种方法.分享给大家供大家参考,具体如下: 效果图: 第一种: 第二种: 第一种是通过canvas画出来的效果: public void first(View v) { // 防止出现Immutable bitmap passed to Canvas constructor错误 Bitmap bitmap1 = BitmapFactory.decodeResource(getResources(), R.drawable.apple).copy(Bi

android中开启actionbar的两种方法_Android

两种方法,第一种是静态开启方法 把application 或者 activity的主题设置为Theme.Holo即可 <?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.baidu.homer" android:versi

Android自定义荷载进度的两种方法_Android

本文将用两个方法来写类似汽车荷载的进度 用LinearLayout的addview方法加上for循环 用自定义控件的方法 先上截图 1. 用LinearLayout的addview方法加上for循环 1.1 processtest01.xml文件: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/a

android 设置全屏的两种方法_Android

现在android的每一个项目都会需要设置为全屏,现在介绍两种设置为全屏的方式. 一.在配置文件中设置android:theme="@android:style/Theme.Light.NoTitleBar.Fullscreen" 如: 二.在activity中设置 这两种方式都可以设置全屏,任选其一即可.

使用伪元素来实现图片替换的两种方法

文章简介:伪元素与图片替换. WeBrebuild年会上分享的一点内容,知识点的内容就不作过多阐述了,如果你完全不了解伪元素那么建议先看一下官方伪元素选择器的资料,或者自行谷歌了解,有兴趣可以去看下这篇文章:使用伪元素实现CSS图片替换(NIR),对于图片替换有比较详细的介绍和追溯 . 先看一下通用的图片替换方法:Demo1 什么问题呢,文字被隐藏了,直接导致的结果就是当图片加载失败或者网速慢图片无法很快加载的时候,用户不知道这块区域的内容是什么,有什么功能. 为了避免出现这样的状况,文字就不能

Android Intent传递对象的两种方法(Serializable,Parcelable)详细介绍_Android

Android Intent传递对象的两种方法(Serializable,Parcelable)详细介绍 今天要给大家讲一下Android中Intent中如何传递对象,就我目前所知道的有两种方法,一种是Bundle.putSerializable(Key,Object);另一种是Bundle.putParcelable(Key, Object);当然这些Object是有一定的条件的,前者是实现了Serializable接口,而后者是实现了Parcelable接口,为了让大家更容易理解我还是照常写

Android Intent传递对象的两种方法(Serializable,Parcelable)详细介绍

Android Intent传递对象的两种方法(Serializable,Parcelable)详细介绍 今天要给大家讲一下Android中Intent中如何传递对象,就我目前所知道的有两种方法,一种是Bundle.putSerializable(Key,Object);另一种是Bundle.putParcelable(Key, Object);当然这些Object是有一定的条件的,前者是实现了Serializable接口,而后者是实现了Parcelable接口,为了让大家更容易理解我还是照常写

Android开发中播放声音的两种方法分析

本文实例讲述了Android开发中播放声音的两种方法.分享给大家供大家参考,具体如下: 在Android中,音频.视频等多媒体元素的加入,使得应用程序的用户体验更好.可以说,现在的手机,已经远远不只作为通信工具,更成为娱乐.办公的必备产品. Android提供了简单的音频API.一般大家使用的是MediaPlayer播放音频,这也是最常见的一种播放声音的工具.这种工具在互联网上有大量的实例,因此在此只做简单的介绍. 对播放行为的控制是三个大家非常熟悉的方法:start().stop()和paus

Android实现图片轮播效果的两种方法_Android

大家在使用APP的过程中,经常会看到上部banner图片轮播的效果,那么今天我们就一起来学习一下,android中图片轮询的几种实现方法: 第一种:使用动画的方法实现:(代码繁琐) 这种发放需要:两个动画效果,一个布局,一个主类来实现,不多说了,来看代码吧: public class IamgeTrActivity extends Activity { /** Called when the activity is first created. */ public ImageView image