2012-7-20 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-listxmlns:Android="http://schemas.android.com/apk/res/android">
<itemAndroid:drawable="@android:color/white"/>
<itemAndroid:drawable="@drawable/logo_overlay"/>
</layer-list>

使用方式像其他图片一样：
如在样式中引用：

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

在java代码中引用：
((ImageView) findViewById(R.id.imageview)).setImageDrawable(getResources().getDrawable(R.drawable.drawable-layer)

在代码中实现：

Resourcesresources=getResources();
Drawable[]layers=newDrawable[2];
layers[0]=r.getDrawable(R.drawable.white);
layers[1]=r.getDrawable(R.drawable.logo_overlay);
LayerDrawablelayerDrawable=newLayerDrawable(layers)
((ImageView)findViewById(R.id.imageview)).setImageDrawable(layerDrawable);

再举一个例子：
要用2张图片叠加起来，看上去形成一张图片

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

<?xmlversion="1.0"encoding="UTF-8"?>
<layer-list
xmlns:Android="http://schemas.android.com/apk/res/android">
<itemAndroid:id="@+id/user_faceback_drawable"android:drawable="@drawable/faceback"/>
<itemAndroid: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顾名思义就是层图形对象。下面直接用一个简单的代码表示:

Bitmapbm=BitmapFactory.decodeResource(getResources(),R.drawable.cwj);
Drawable[]array=newDrawable[3];
array[0]=newPaintDrawable(Color.BLACK);//黑色
array[1]=newPaintDrawable(Color.WHITE);//白色
array[2]=newBitmapDrawable(bm);//位图资源
LayerDrawableld=newLayerDrawable(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即可实现简单的图片合成。

更多相关文章

随机推荐