android 图片叠加效果

android 图片叠加效果——两种方法

转自:http://www.cnblogs.com/not-code/archive/2011/08/18/2145126.html

效果图:

第一种:QQ截图20110818224635

第二种:QQ截图20110818224655

 

第一种是通过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文件里的图片

我也不知道为什么花费一个小时测试代码和写这篇文章,或许是为了以后资料的查看,或许是为了验证自己心中的那个效果,或许是心态突然变得平淡的缘故,就如我现在在听着four season in one day这个心情。

项目代码:http://files.cnblogs.com/not-code/picture_overlay.zip

原文地址:http://www.cnblogs.com/not-code/archive/2011/08/18/2145126.html

本文为原创,如需转载,请注明作者和出处,谢谢!


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值