当前位置： 移动技术网 > IT编程>移动开发>Android > Android实现图片叠加效果的两种方法

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

2019年07月24日  | 移动技术网IT编程  | 我要评论

本文实例讲述了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程序设计有所帮助。

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网