Android:使用Canvas合并Bitmap，androidcanvas

Android:使用Canvas合并Bitmap，androidcanvas

• 關鍵點

canvas.drawBitmap(bitmap, srcRect, dstRect, null);

將bitmap的srcRect地區繪製到canvas的dstRect地區

• Demo

main.xml

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:id="@+id/rl_root"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:background="@android:color/background_dark"    android:orientation="horizontal" >    <ImageView        android:id="@+id/iv_bmp1"        android:layout_width="80dp"        android:layout_height="100dp"        android:layout_alignParentLeft="true"        android:layout_alignParentStart="true"        android:layout_alignParentTop="true"        android:layout_marginLeft="20dp"        android:layout_marginStart="20dp"        android:layout_marginTop="20dp"        android:contentDescription="@null"        android:src="@drawable/baby" />    <ImageView        android:id="@+id/iv_bmp2"        android:layout_width="80dp"        android:layout_height="100dp"        android:layout_alignParentEnd="true"        android:layout_alignParentRight="true"        android:layout_alignParentTop="true"        android:layout_marginEnd="20dp"        android:layout_marginRight="20dp"        android:layout_marginTop="20dp"        android:contentDescription="@null"        android:src="@drawable/baby2" />    <Button        android:id="@+id/btn_merge"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_below="@id/iv_bmp1"        android:layout_centerHorizontal="true"        android:layout_marginTop="20dp"        android:text="Merge" />    <ImageView        android:id="@+id/iv_bmp_merge"        android:layout_width="160dp"        android:layout_height="100dp"        android:layout_below="@id/btn_merge"        android:layout_centerHorizontal="true"        android:layout_marginTop="20dp"        android:contentDescription="@null" /></RelativeLayout>

目的就是將ivBmp1和ivBmp2上的圖片，合并之後，顯示在iv_bmp_merger上

• MainActivity.java

package net.mobctrl.mergebitmap;import android.app.Activity;import android.graphics.Bitmap;import android.graphics.Canvas;import android.graphics.Rect;import android.graphics.drawable.BitmapDrawable;import android.os.Bundle;import android.os.Handler;import android.os.Handler.Callback;import android.os.Message;import android.view.View;import android.view.View.OnClickListener;import android.widget.Button;import android.widget.ImageView;/** *  * @author Zheng Haibo * @web http://www.mobctrl.net * */public class MainActivity extends Activity {    private ImageView ivBmp1;    private ImageView ivBmp2;    private ImageView ivBmpMerge;    private Button mergeBtn;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.main);        initUi();    }    private void initUi() {        ivBmp1 = (ImageView) findViewById(R.id.iv_bmp1);        ivBmp2 = (ImageView) findViewById(R.id.iv_bmp2);        ivBmpMerge = (ImageView) findViewById(R.id.iv_bmp_merge);        mergeBtn = (Button) findViewById(R.id.btn_merge);        mergeBtn.setOnClickListener(new OnClickListener() {            @Override            public void onClick(View v) {                showMergeBitmap();            }        });    }    private Handler handler = new Handler(new Callback() {        @Override        public boolean handleMessage(Message msg) {            Bitmap bitmap = (Bitmap) msg.obj;            ivBmpMerge.setImageBitmap(bitmap);            return false;        }    });    /**     * 顯示合并的圖     */    protected void showMergeBitmap() {        new Thread(new Runnable() {            @Override            public void run() {                Bitmap bitmap = mergeBitmap();                Message messge = handler.obtainMessage();                messge.obj = bitmap;                handler.sendMessage(messge);            }        }).start();    }    /*     * 使用Canvas合并Bitmap     */    private Bitmap mergeBitmap() {        // 擷取ImageView上得Bitmap圖片        Bitmap bmp1 = ((BitmapDrawable) ivBmp1.getDrawable()).getBitmap();        Bitmap bmp2 = ((BitmapDrawable) ivBmp2.getDrawable()).getBitmap();        // 建立空得背景bitmap        // 產生畫布映像        Bitmap resultBitmap = Bitmap.createBitmap(ivBmpMerge.getWidth(),                ivBmpMerge.getHeight(), Bitmap.Config.RGB_565);        Canvas canvas = new Canvas(resultBitmap);// 使用空白圖片產生canvas        // 將bmp1繪製在畫布上        Rect srcRect = new Rect(0, 0, bmp1.getWidth(), bmp1.getHeight());// 截取bmp1中的矩形地區        Rect dstRect = new Rect(0, 0, ivBmpMerge.getWidth() / 2,                ivBmpMerge.getHeight());// bmp1在目標畫布中的位置        canvas.drawBitmap(bmp1, srcRect, dstRect, null);        // 將bmp2繪製在畫布上        srcRect = new Rect(0, 0, bmp2.getWidth(), bmp2.getHeight());// 截取bmp1中的矩形地區        dstRect = new Rect(ivBmpMerge.getWidth() / 2, 0, ivBmpMerge.getWidth(),                ivBmpMerge.getHeight());// bmp2在目標畫布中的位置        canvas.drawBitmap(bmp2, srcRect, dstRect, null);        // 將bmp1,bmp2合并顯示        return resultBitmap;    }}

• 運行效果
  
  點擊merge之後