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

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 stubsh = getHolder();sh.addCallback(this);sh.setFormat(PixelFormat.TRANSPARENT); // 设置为透明setZOrderOnTop(true);// 设置为顶端}@Overridepublic void surfaceChanged(SurfaceHolder arg0, int arg1, int w, int h) {// TODO Auto-generated method stubwidth = w;height = h;}@Overridepublic void surfaceCreated(SurfaceHolder arg0) {// TODO Auto-generated method stub}@Overridepublic 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 implementsSurfaceHolder.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;@Overridepublic 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 {@Overridepublic void onClick(View v) {// TODO Auto-generated method stubif (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() {@Overridepublic void onShutter() {// TODO Auto-generated method stubif (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 blocke.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");}@Overridepublic 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 exceptione.printStackTrace();}// 拍照后停止预览mCamera.stopPreview();}@Overridepublic void surfaceCreated(SurfaceHolder holder) {// TODO Auto-generated method stub}@Overridepublic void surfaceChanged(SurfaceHolder holder, int format, int w, int h) {// TODO Auto-generated method stubwidth = w;height = h;}@Overridepublic 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 blocke.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 sizefor (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 requirementif (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;}@Overrideprotected void onDestroy() {// TODO Auto-generated method stubsuper.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

 

 

 

 

查看更多 下一篇