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(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

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

 

另附:图片处理的博客:http://blog.csdn.net/maylian7700/article/category/799453/1