Android双SurfaceView实现底部拍照，顶部绘图

 

当SurfaceHolder对象的类型设置为SurfaceHolder.SURFACE_TYPE_PUSH_BUFFERS时就只能拍照不能绘制了。
为了既能通过SurfaceView拍照又能在上面绘制图形，可以通过双SurfaceView层叠的变通方式如下：
用于绘制的SurfaceView，使其透明并位于顶部：

package com.test;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.PixelFormat;
import android.graphics.Rect;
import android.graphics.Paint.Style;
import android.util.AttributeSet;
import android.view.SurfaceHolder;
import android.view.SurfaceView;

public class SVDraw extends SurfaceView implements SurfaceHolder.Callback {

	private Bitmap bmp;
	private String imgPath = "";
	protected SurfaceHolder sh; // 专门用于控制surfaceView的
	private int width;
	private int height;

	// XML文件解析需要调用View的构造函数View(Context , AttributeSet)
	// 因此自定义SurfaceView中也需要该构造函数
	public SVDraw(Context context, AttributeSet attrs) {
		super(context, attrs);
		// TODO Auto-generated constructor stub
		sh = getHolder();
		sh.addCallback(this);
		sh.setFormat(PixelFormat.TRANSPARENT); // 设置为透明
		setZOrderOnTop(true);// 设置为顶端
	}

	@Override
	public void surfaceChanged(SurfaceHolder arg0, int arg1, int w, int h) {
		// TODO Auto-generated method stub
		width = w;
		height = h;
	}

	@Override
	public void surfaceCreated(SurfaceHolder arg0) {
		// TODO Auto-generated method stub

	}

	@Override
	public void surfaceDestroyed(SurfaceHolder arg0) {
		// TODO Auto-generated method stub

	}

	void clearDraw() {

		Canvas canvas = sh.lockCanvas();
		canvas.drawColor(Color.BLUE);// 清除画布
		sh.unlockCanvasAndPost(canvas);
	}

	/**
	 * 绘制
	 */
	public void doDraw() {
		if (bmp != null) {
			Canvas canvas = sh.lockCanvas();
			canvas.drawColor(Color.TRANSPARENT);// 这里是绘制背景
			Paint p = new Paint(); // 笔触
			p.setAntiAlias(true); // 反锯齿
			p.setColor(Color.RED);
			p.setStyle(Style.STROKE);
			canvas.drawBitmap(bmp, 0, 0, p);
			canvas.drawLine(width / 2 - 100, 0, width / 2 - 100, height, p);
			canvas.drawLine(width / 2 + 100, 0, width / 2 + 100, height, p);
			// ------------------------ 画边框---------------------
			Rect rec = canvas.getClipBounds();
			rec.bottom--;
			rec.right--;
			p.setColor(Color.GRAY); // 颜色
			p.setStrokeWidth(5);
			canvas.drawRect(rec, p);
			// 提交绘制
			sh.unlockCanvasAndPost(canvas);
		}

	}

	public void drawLine() {

		Canvas canvas = sh.lockCanvas();

		canvas.drawColor(Color.TRANSPARENT);// 这里是绘制背景
		Paint p = new Paint(); // 笔触
		p.setAntiAlias(true); // 反锯齿
		p.setColor(Color.RED);
		p.setStyle(Style.STROKE);
		canvas.drawLine(width / 2 - 100, 0, width / 2 - 100, height, p);
		canvas.drawLine(width / 2 + 100, 0, width / 2 + 100, height, p);

		// 提交绘制
		sh.unlockCanvasAndPost(canvas);
	}

	public String getImgPath() {
		return imgPath;
	}

	public void setImgPath(String imgPath) {
		this.imgPath = imgPath;
		// 根据路径载入目标图像
		bmp = BitmapFactory.decodeFile(imgPath);
	}

}

用于在SurfaceView（使其位于绘制SurfaceView底部）上拍照及预览的Activity：

package com.test;

import java.io.File;
import java.io.FileNotFoundException;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.OutputStream;
import java.text.SimpleDateFormat;
import java.util.Date;
import java.util.Iterator;
import java.util.List;

import android.app.Activity;
import android.content.ContentValues;
import android.content.pm.ActivityInfo;
import android.graphics.Bitmap;
import android.graphics.Bitmap.Config;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Typeface;

import android.graphics.PixelFormat;
import android.hardware.Camera;
import android.hardware.Camera.PictureCallback;
import android.hardware.Camera.ShutterCallback;
import android.hardware.Camera.Size;

import android.media.AudioManager;
import android.media.ToneGenerator;
import android.net.Uri;
import android.os.Bundle;
import android.os.Environment;
import android.provider.MediaStore;
import android.provider.SyncStateContract.Constants;
import android.util.Log;
import android.view.SurfaceHolder;
import android.view.SurfaceView;
import android.view.View;
import android.view.Window;
import android.view.WindowManager;
import android.widget.Button;

public class SurfaceViewDraw extends Activity implements
		SurfaceHolder.Callback, Camera.PictureCallback {
	/** Called when the activity is first created. */
	private SVDraw svDraw = null;
	private SurfaceView svCamera = null;
	protected SurfaceHolder mSurfaceHolder;

	private Button btnClear;
	private Button btnOpen;
	private Button btnClose;
	private Button btnTakePic;
	private Button btnDraw;

	private Camera mCamera; // 这个是hardware的Camera对象
	private boolean isOpen = false;// 相机是否打开
	private ToneGenerator tone;
	private String imgPath;

	private int width;
	private int height;

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		hideStatusBar();
		setContentView(R.layout.main);
		setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE);// 强制为横屏

		svDraw = (com.test.SVDraw) findViewById(R.id.svDraw);
		svCamera = (SurfaceView) findViewById(R.id.svCamera);

		btnClear = (Button) findViewById(R.id.btnClear);
		btnOpen = (Button) findViewById(R.id.btnOpen);
		btnClose = (Button) findViewById(R.id.btnClose);
		btnTakePic = (Button) findViewById(R.id.btnTakePic);
		btnDraw = (Button) findViewById(R.id.btnDraw);

		btnClear.setOnClickListener(new ClickEvent());
		btnOpen.setOnClickListener(new ClickEvent());
		btnClose.setOnClickListener(new ClickEvent());
		btnTakePic.setOnClickListener(new ClickEvent());
		btnDraw.setOnClickListener(new ClickEvent());

		mSurfaceHolder = svCamera.getHolder();
		mSurfaceHolder.addCallback(this);
		// 当设置为SurfaceHolder.SURFACE_TYPE_PUSH_BUFFERS后就不能绘图了
		mSurfaceHolder.setType(SurfaceHolder.SURFACE_TYPE_PUSH_BUFFERS);

	}

	class ClickEvent implements View.OnClickListener {

		@Override
		public void onClick(View v) {
			// TODO Auto-generated method stub
			if (v == btnClear) {

				stopPreview(); // 停止预览后清屏速度会快一点
				svDraw.setVisibility(View.INVISIBLE);
				startPreview();// 清屏后启动预览

			} else if (v == btnOpen) {

				initCamera();

			} else if (v == btnClose) {

				closeCamera();

			} else if (v == btnTakePic) {
				if (isOpen) {
					startPreview();// 防止异常
					mCamera.takePicture(mShutterCallback, null, null,
							mjpegCallback);
					svDraw.setVisibility(View.VISIBLE);
					svDraw.drawLine();// 拍照后绘制测线
				}
			} else if (v == btnDraw) {

				svDraw.setVisibility(View.VISIBLE);
				svDraw.doDraw();
			}
		}

	}

	ShutterCallback mShutterCallback = new ShutterCallback() {
		@Override
		public void onShutter() {
			// TODO Auto-generated method stub
			if (tone == null)
				// 发出提示用户的声音
				tone = new ToneGenerator(AudioManager.STREAM_MUSIC,
						ToneGenerator.MAX_VOLUME);
			tone.startTone(ToneGenerator.TONE_PROP_BEEP);

		}
	};
	/**
	 * Jpeg格式压缩
	 */
	PictureCallback mjpegCallback = new PictureCallback() {
		@Override
		// 取得拍照图片
		public void onPictureTaken(byte[] data, Camera camera) {
			// TODO Auto-generated method stub
			// 拍照前关闭预览
			mCamera.stopPreview();
			// 取得图像路径
			imgPath = saveFile2(data);
			svDraw.setImgPath(imgPath);

		}

	};

	/**
	 * draw information on the picture
	 * 
	 * @param imgPath
	 */
	public void drawInfo(String imgPath) {

		Bitmap bmp = BitmapFactory.decodeFile(imgPath);

		if (bmp != null) {
			Bitmap drawBmp = Bitmap.createBitmap(640, 480, Config.ARGB_8888);
			Canvas c = new Canvas(drawBmp);
			Paint p = new Paint();
			c.drawBitmap(bmp, 0, 0, p);
			String familyName = "Arial";
			Typeface font = Typeface.create(familyName, Typeface.NORMAL);
			p.setColor(Color.RED);
			p.setTypeface(font);
			p.setTextSize(20);
			p.setStyle(Paint.Style.STROKE);
			SimpleDateFormat dateFormat = new SimpleDateFormat(
					"yyyy-MM-dd hh:mm:ss");
			String strDate = dateFormat.format(new Date());
			c.drawText(strDate, 10, 30, p);

			try {
				saveBmp(drawBmp, imgPath);
			} catch (IOException e) {
				// TODO Auto-generated catch block
				e.printStackTrace();
			}
		}

	}

	/**
	 * save bmp as jpg by path
	 * 
	 * @param bmpPath
	 * @param bmp
	 * @throws IOException
	 */
	public void saveBmp(Bitmap bmp, String fileName) throws IOException {

		File f = new File(fileName);
		f.createNewFile();
		FileOutputStream fOut = null;
		try {
			fOut = new FileOutputStream(f);
		} catch (FileNotFoundException e) {
			e.printStackTrace();
		}

		bmp.compress(Bitmap.CompressFormat.JPEG, 100, fOut);
		try {
			fOut.flush();
		} catch (IOException e) {
			e.printStackTrace();
		}
		try {
			fOut.close();
		} catch (IOException e) {
			e.printStackTrace();
		}
	}

	/**
	 * return imgFilePath
	 * 
	 * @param data
	 * @return
	 */
	private String saveFile2(byte[] data) {
		File imgFileDir = getDir();
		if (!imgFileDir.exists() && !imgFileDir.mkdirs()) {
			Log.v("directory", "Can't create directory to save image.");
			return null;
		}
		// 图像名称
		SimpleDateFormat dateFormat = new SimpleDateFormat("yyyyMMddhhmmss");
		String strDate = dateFormat.format(new Date());
		String imgFileName = "img_" + strDate + ".jpg";
		// 图像路径
		String imgFilePath = imgFileDir.getPath() + File.separator
				+ imgFileName;
		File imgFile = new File(imgFilePath);
		try {
			FileOutputStream fos = new FileOutputStream(imgFile);
			fos.write(data);
			fos.close();
			Log.v("directory", "New Image saved:" + imgFile);

		} catch (Exception error) {
			Log.d(Constants.ACCOUNT_NAME,
					imgFileName + " not saved: " + error.getMessage());

		}
		//绘制拍照日期等
		drawInfo(imgFilePath);
        return imgFilePath;
	}

	/**
	 * 
	 * @return
	 */
	private File getDir() {
		File sdDir = Environment
				.getExternalStoragePublicDirectory(Environment.DIRECTORY_PICTURES);
		// 创建图像需要保存的文件夹
		return new File(sdDir, "Photo");

	}

	@Override
	public void onPictureTaken(byte[] data, Camera camera) {
		// TODO Auto-generated method stub
		// data是一个原始的JPEG图像数据，
		// 在这里我们可以存储图片，很显然可以采用MediaStore
		// 注意保存图片后，再次调用stopPreview()停止预览，等待测量
		Uri imageUri = this.getContentResolver().insert(
				MediaStore.Images.Media.EXTERNAL_CONTENT_URI,
				new ContentValues());
		try {
			OutputStream os = this.getContentResolver().openOutputStream(
					imageUri);
			os.write(data);
			os.flush();
			os.close();
		} catch (Exception e) {
			// TODO: handle exception
			e.printStackTrace();
		}
		// 拍照后停止预览
		mCamera.stopPreview();
	}

	@Override
	public void surfaceCreated(SurfaceHolder holder) {
		// TODO Auto-generated method stub

	}

	@Override
	public void surfaceChanged(SurfaceHolder holder, int format, int w, int h) {
		// TODO Auto-generated method stub
		width = w;
		height = h;
	}

	@Override
	public void surfaceDestroyed(SurfaceHolder holder) {
		// TODO Auto-generated method stub

	}

	/**
	 * 关闭相机
	 */
	public void closeCamera() {
		if (isOpen) {
			mCamera.stopPreview();
			mCamera.release();
			mCamera = null;
			isOpen = false;
		}
	}

	/**
	 * 停止拍照预览
	 */
	public void stopPreview() {
		if (isOpen) {
			mCamera.stopPreview();
		}
	}

	/**
	 * 启动拍照预览
	 */
	public void startPreview() {
		if (isOpen) {
			mCamera.startPreview();
		}
	}

	/**
	 * 初始化相机
	 */
	public void initCamera() {
		if (!isOpen) {
			mCamera = Camera.open();
		}
		if (mCamera != null && !isOpen) {
			try {
				Camera.Parameters mParameters = mCamera.getParameters();
				mParameters.setPictureFormat(PixelFormat.JPEG); // 设置照片格式
				List<Size> sizes = mParameters.getSupportedPreviewSizes();
				Size optimalSize = getOptimalPreviewSize(sizes, width, height);
				mParameters.setPreviewSize(optimalSize.width,
						optimalSize.height); // 大小
				mParameters.setPictureSize(optimalSize.width,
						optimalSize.height);

				mParameters.set("jpeg-quality", 100);// 照片质量
				// 首先获取系统设备支持的所有颜色特效，有复合我们的，则设置；否则不设置
				List<String> colorEffects = mParameters
						.getSupportedColorEffects();
				Iterator<String> colorItor = colorEffects.iterator();
				while (colorItor.hasNext()) {
					String currColor = colorItor.next();
					if (currColor.equals(Camera.Parameters.EFFECT_SOLARIZE)) {
						mParameters
								.setColorEffect(Camera.Parameters.EFFECT_SOLARIZE);
						break;
					}
				}
				mCamera.setParameters(mParameters);
				mCamera.setPreviewDisplay(mSurfaceHolder);
				mCamera.startPreview();
			} catch (IOException e) {
				// TODO Auto-generated catch block
				e.printStackTrace();
			}
			isOpen = true;
		}
	}

	private Size getOptimalPreviewSize(List<Size> sizes, int w, int h) {
		final double ASPECT_TOLERANCE = 0.05;
		double targetRatio = (double) w / h;
		if (sizes == null)
			return null;

		Size optimalSize = null;
		double minDiff = Double.MAX_VALUE;

		int targetHeight = h;

		// Try to find an size match aspect ratio and size
		for (Size size : sizes) {
			double ratio = (double) size.width / size.height;
			if (Math.abs(ratio - targetRatio) > ASPECT_TOLERANCE)
				continue;
			if (Math.abs(size.height - targetHeight) < minDiff) {
				optimalSize = size;
				minDiff = Math.abs(size.height - targetHeight);
			}
		}

		// Cannot find the one match the aspect ratio, ignore the requirement
		if (optimalSize == null) {
			minDiff = Double.MAX_VALUE;
			for (Size size : sizes) {
				if (Math.abs(size.height - targetHeight) < minDiff) {
					optimalSize = size;
					minDiff = Math.abs(size.height - targetHeight);
				}
			}
		}
		return optimalSize;
	}

	@Override
	protected void onDestroy() {
		// TODO Auto-generated method stub
		super.onDestroy();
		if (isOpen) {
			closeCamera();
		}
	}

	// 在 Activity.setCurrentView()之前调用
	public void hideStatusBar() {
		// 隐藏标题
		requestWindowFeature(Window.FEATURE_NO_TITLE);
		// 定义全屏参数
		int flag = WindowManager.LayoutParams.FLAG_FULLSCREEN;
		// 获得窗口对象
		Window curWindow = this.getWindow();
		// 设置Flag标示
		curWindow.setFlags(flag, flag);
	}
}

主界面main.xml：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="horizontal" >
   <!-- 对于自定义控件要指明的控件的包名与空间名，系统自带的控件不需要指定包名 -->
   <FrameLayout
       android:layout_width="640dip" 
       android:layout_height="480dip" 
       android:orientation="vertical" >
    <SurfaceView
      android:id="@+id/svCamera"
      android:layout_width="fill_parent" 
      android:layout_height="fill_parent"/>
    
    <com.test.SVDraw
     android:id="@+id/svDraw"
     android:layout_width="fill_parent" 
     android:layout_height="fill_parent"/>
    
   </FrameLayout>
    
    <LinearLayout 
      android:id="@+id/LinearLayout01"
      android:layout_width="158dip" 
      android:layout_height="fill_parent"
      android:layout_marginLeft="1dip"
      android:layout_marginRight="1dip"
      android:orientation="vertical"
      android:background="@drawable/main_right_bg">
	    <Button 
		  android:id="@+id/btnOpen" 
		  android:layout_width="fill_parent"
		  android:layout_height="wrap_content" 
		  android:layout_marginTop="10dip"
		  android:text="打开相机"/>
	     <Button 
		  android:id="@+id/btnClose" 
		  android:layout_width="fill_parent"
		  android:layout_height="wrap_content" 
		  android:text="关闭相机"/>
	     <Button 
	        android:id="@+id/btnTakePic" 
		 android:layout_width="fill_parent"
		 android:layout_height="wrap_content" 
		 android:text="拍照"   />
	    <Button 
		 android:id="@+id/btnClear" 
		 android:layout_width="fill_parent"
		 android:layout_height="wrap_content" 
		 android:text="预览"/>	  
	    <Button 
		 android:id="@+id/btnDraw" 
		 android:layout_width="fill_parent"
		 android:layout_height="wrap_content" 
		 android:text="绘制"/>	     
	 
    </LinearLayout>
</LinearLayout>

在res下新建文件夹drawable，并在其下面新建面板背景main_right_bg.xml：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
  <gradient
      android:startColor = "#666666"
      android:centerColor="#000FFF"
      android:endColor = "#666666"  
      android:angle = "270"/> 
  <corners 
      android:radius="4dip"/>
  
</shape>

AndroidManifest.xml：

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.test"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk android:minSdkVersion="8" />
    
<!-- 照相机权限 -->
<uses-permission android:name="android.permission.CAMERA" />
<uses-feature android:name="android.hardware.camera" />
<uses-feature android:name="android.hardware.camera.autofocus" android:required="false" />
<!-- 在SDCard中创建与删除文件权限 -->
<uses-permission android:name="android.permission.MOUNT_UNMOUNT_FILESYSTEMS"/>
<!-- 往SDCard写入数据权限 -->
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/> 

    <application
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name" >
        <activity
            android:name=".SurfaceViewDraw"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

开发环境：XP3+Eclipse+Android2.2+JDK6.0
测试环境：Android2.2，5寸屏，分辨率640X480
源代码：http://download.csdn.net/detail/xinzheng_wang/4409755