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代码中引用：
在代码中实现：
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使用BottomTabBar实现底部导航页效果
栏 目：Android代码
下一篇：Android Studio插件之Jenkins插件详解
本文标题：Android实现图片叠加效果的两种方法
本文地址：http://www.codeinn.net/misctech/38693.html
