看着自己手机上的自带的拍照APP,感觉人家做的好精美啊,所以就心血来潮的想要做一个自己的安卓拍照app。于是在网上找啊找啊找的终于做出了一款还算能用的拍照设备。 (*^__^*) 嘻嘻……
首先是一些原理上的介绍
我主要是借助于SurfaceView类来实现组件的添加的;
然后借助于Camera(导入包的时候记得是引入hardware的);
设置拍照所需的一些参数
实现拍照的回调接口,用以处理回调事件
将摄像头采集到的数据写入本地的文件中
在清单文件中添加摄像机权限,写外部存储卡权限
代码的实现
首先是布局文件,这里因为要显示两个按钮,所以采用了帧布局,并将两个按钮一开始设置为不显示。
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
>
<SurfaceView
android:id="@+id/surface"
android:layout_width="match_parent"
android:layout_height="match_parent"
/>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:visibility="gone"
android:id="@+id/buttonlayout"
>
<Button
android:id="@+id/takephoto"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Take"
android:layout_alignParentBottom="true"
android:layout_alignParentRight="true"
android:layout_marginRight="5dp"
android:onClick="takephoto"
/>
<Button
android:id="@+id/focus"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toLeftOf="@id/takephoto"
android:layout_alignTop="@id/takephoto"
android:layout_marginRight="20dp"
android:onClick="focus"
android:text="Focus"
/>
</RelativeLayout>
</FrameLayout>
然后是清单文件的一些样式(横屏和全屏显示)以及相关的权限的添加
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.mark.takephoto"
android:versionCode="1"
android:versionName="1.0" >
<uses-sdk
android:minSdkVersion="8"
android:targetSdkVersion="21" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
<uses-permission android:name="android.permission.MOUNT_UNMOUNT_FILESYSTEMS"/>
<uses-permission android:name="android.permission.CAMERA"/>
<application
android:allowBackup="true"
android:icon="@drawable/ic_launcher"
android:label="@string/app_name"
android:theme="@style/AppTheme" >
<activity
android:name=".MainActivity"
android:screenOrientation="landscape"
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>
最后是主界面的业务代码的实现:
package com.mark.takephoto;
import java.io.File;
import java.io.FileNotFoundException;
import java.io.FileOutputStream;
import java.io.IOException;
import java.text.SimpleDateFormat;
import java.util.Date;
import android.annotation.SuppressLint;
import android.app.Activity;
import android.hardware.Camera;
import android.hardware.Camera.PictureCallback;
import android.os.Bundle;
import android.os.Environment;
import android.view.MotionEvent;
import android.view.SurfaceHolder;
import android.view.SurfaceView;
import android.view.View;
import android.view.ViewGroup;
import android.view.Window;
import android.view.WindowManager;
public class MainActivity extends Activity {
private View layout;// 显示两个按钮所在的布局
private Camera camera;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
// 需要在setContentView之前进行设置,否则会报错
this.requestWindowFeature(Window.FEATURE_NO_TITLE);// 去掉标题栏
this.getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
WindowManager.LayoutParams.FLAG_FULLSCREEN);// 去掉信息栏
setContentView(R.layout.activity_main);
layout = this.findViewById(R.id.buttonlayout);
SurfaceView sv = (SurfaceView) findViewById(R.id.surface);
sv.getHolder().setType(SurfaceHolder.SURFACE_TYPE_PUSH_BUFFERS);
sv.getHolder().setKeepScreenOn(true);// 保持屏幕不锁定
sv.getHolder().addCallback(new SurfaceCallback());
}
@Override
public boolean onTouchEvent(MotionEvent event) {
if (event.getAction() == MotionEvent.ACTION_DOWN) {
layout.setVisibility(ViewGroup.VISIBLE);// GONE是不显示
return true;
}
return super.onTouchEvent(event);
}
/**
* 拍照
*
* @param view
*/
public void takephoto(View view) {
if (camera != null) {
switch (view.getId()) {
case R.id.takephoto:
// 第三个参数是一个接口,所以要自己写一个实现
camera.takePicture(null, null, new MyPictureCallback());
break;
case R.id.focus:
// 对焦成功之后的返回的事件,如果不需要处理,直接传入null
camera.autoFocus(null);
break;
default:
break;
}
}
}
/**
* 聚焦
*
* @param view
*/
public void focus(View view) {
camera.autoFocus(null);
}
/**
* 对Camera的拍照时的参数的类型的实现,主要是相关的一些回调方法的处理
* @author lhdn
*
*/
private final class SurfaceCallback implements
android.view.SurfaceHolder.Callback {
@SuppressWarnings("deprecation")
@Override
public void surfaceCreated(SurfaceHolder holder) {
// 开始设置各种参数
Camera.Parameters parameters;
try {
camera = Camera.open();
parameters = camera.getParameters();
// 这里根据手机的参数不同需要设置不同的参数
// 这些都可以不设置,毕竟会有默认的参数
parameters.setPreviewSize(1024, 768);
parameters.setPreviewFrameRate(15);
parameters.setPictureSize(1024, 768);
parameters.setJpegQuality(80);
camera.setParameters(parameters);
// 设置预览显示
camera.setPreviewDisplay(holder);
camera.startPreview();
} catch (Exception e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
@Override
public void surfaceChanged(SurfaceHolder holder, int format, int width,
int height) {
}
@Override
public void surfaceDestroyed(SurfaceHolder holder) {
if (camera != null) {
camera.release();
camera = null;
}
}
}
/**
* 负责对照相机拍照事件进行处理的一个内部类
*
* @author lhdn
*
*/
final class MyPictureCallback implements PictureCallback {
/**
* data就是图片的字节数组
*/
@SuppressLint("SimpleDateFormat")
@Override
public void onPictureTaken(byte[] data, Camera camera) {
// TODO Auto-generated method stub
try {
String time = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss")
.format(new Date(System.currentTimeMillis()));
File jpgFile = new File(
Environment.getExternalStorageDirectory(), time
+ ".jpeg");
FileOutputStream fos = new FileOutputStream(jpgFile);
fos.write(data);
fos.close();
// 在这里是为了解决拍完照之后的手机无法预览的问题,之所以在这而不是在第110行代码是因为拍照的那个方法是异步模式,代码虽然结束了,但是Camera并不一定会释放。
camera.startPreview();
} catch (FileNotFoundException e) {
// TODO Auto-generated catch block
e.printStackTrace();
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
}
}
思路整理
现在回头来整理一下这个小应用的思路,方便对这些知识点加深印象。
首先是对布局界面的设计的整理:
因为要通过点击按钮的方式来实现拍照和聚焦的效果,还得显示我们的照相机所捕捉到的实时数据,所以我采用了帧布局的形式,让两个按钮显示在SurfaceView的上层,并初始化为不可见的状态。
而实时的界面采用全屏和横屏的方式更为妥当,所以加入下面的代码即可,我这里的全屏带代码中进行设置了。
//横屏
<application
android:allowBackup="true"
android:icon="@drawable/camera"
android:label="@string/app_name"
android:theme="@style/AppTheme" >
//全屏
// 需要在setContentView之前进行设置,否则会报错
this.requestWindowFeature(Window.FEATURE_NO_TITLE);// 去掉标题栏
this.getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
WindowManager.LayoutParams.FLAG_FULLSCREEN);// 去掉信息栏
setContentView(R.layout.activity_main);
然后是清单文件的书写:
由于要操作照相机和拍照的图片数据,所以要在清单文件中添加相关的权限。
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
<uses-permission android:name="android.permission.MOUNT_UNMOUNT_FILESYSTEMS"/>
<uses-permission android:name="android.permission.CAMERA"/>
主界面的代码逻辑:
然后是我们的主界面的代码的逻辑了,在Activity初始化的时候就需要获取SurfaceView控件,然后设置一些参数,比如屏幕常亮,实时无缓冲等,然后添加回调的处理。这里是为了初始化我们的照相机的一些参数,比如设置每秒捕获的图片的帧数,每张图片的大小等等吧。这些都是在SurfaceCreated方法内完成的,也就是那个回调的实现类中完成的。等待着事件返回结果就可以了。最后记得要关闭camera的实例哦,否则其他应用可能就调用不了照相机,进行工作了。
完成了初始化的任务后,我们的界面就算是完成了,现在我们要拍照咯,那必须得按下快门吧,快门就是我们设置好的按钮呗,所以点击屏幕会触发onTouchEvent事件,在这个方法里面我们就设置这两个按钮显示就可以了。左边的是聚焦,右边的是拍照。现在只需要对这两个方法进行实现,就大功告成了。
所以现在就是调用camera的camera.takePicture(null, null, new MyPictureCallback());
方法了,前两个是关于压缩,格式等相关,可以设置为null,第三个就是拍照时的一个回调了。其作用就是将照相机捕获到的数据封装起来了,public void onPictureTaken(byte[] data, Camera camera) {
这里面的data就是照相机捕获到的图片的字节数组了,我们接下来要做的就是使用一个输出流,将文件写入到一个格式为.jpeg
的图片中,就可以了。
以上就是这个应用的整个的实现的流程和思路。希望对大家能有所帮助。
小总结以及拓展
最后,来个小小的总结和拓展吧。
总结
简易的实现了拍照应用。使用了多个开发过程中常用的知识点和小技巧。
但是代码显得很是混乱,没有分层。应该将不同的业务逻辑实现放到不同的包内,方便代码的管理。
拓展
作为拓展,是我们可以借助这样的代码实现更加美化的效果,比如说添加上一个预览路径,便于查看所拍摄的图片。或者一个摄像的模式,这需要借助于额外的类进行处理。添加上二维码扫描功能等等。
最后,附上我测试的手机的照相机的参数信息
手机型号:魅蓝2
04-13 20:46:28.399: I/MainActivity(29768): 3dnr-mode=on;3dnr-mode-values=on,off;afeng-max-focus-step=1023;afeng-min-focus-step=0;aflamp-mode=off;aflamp-mode-values=off,on,auto;antibanding=off;antibanding-values=off,50hz,60hz,auto;auto-exposure-lock-supported=true;auto-whitebalance-lock-supported=true;brightness=middle;brightness-values=low,middle,high;brightness_value=0;burst-num=1;cap-mode=normal;cap-mode-values=normal,face_beauty,continuousshot,smileshot,bestshot,light-field,autorama,mav,asd,motiontrack;capfname=/sdcard/DCIM/cap00;contrast=middle;contrast-values=low,middle,high;cshot-indicator=true;cshot-indicator-supported=true;dynamic-frame-rate=true;dynamic-frame-rate-supported=true;edge=middle;edge-values=low,middle,high;effect=none;effect-values=none,maroon,black_and_white,film,oxidize,leaf,violet,light_yellow,azure,viridity,wood,pale_green,fading,corn_field,olive_yellow,toy,pale_blue,clay_bank,sunny,negative;eng-mfll-e=false;eng-mfll-s=true;eng-s-shad-t=0;eng-shad-t=0;exposure-compensation=0;exposure-compensation-step=1.0;face-beauty=false;face-beauty-supported=true;fb-enlarge-eye=0;fb-enlarge-eye-max=4;fb-enlarge-eye-min=-4;fb-extreme-beauty=true;fb-extreme-beauty-supported=false;fb-face-pos=-2000:-2000;fb-sharp=0;fb-sharp-max=12;fb-sharp-max-values=12;fb-sharp-min=-12;fb-sharp-min-values=-12;fb-skin-color=0;fb-skin-color-max=12;fb-skin-color-max-values=12;fb-skin-color-min=-12;fb-skin-color-min-values=-12;fb-slim-face=0;fb-slim-face-max=12;fb-slim-face-max-values=12;fb-slim-face-min=-12;fb-slim-face-min-values=-12;fb-smooth-level=0;fb-smooth-level-max=12;fb-smooth-level-max-values=12;fb-smooth-level-min=-12;fb-smooth-level-min-values=-12;fb-touch-pos=-2000:-2000;feature-max-fps=24@VFB+EIS;flash-duty-max=1;flash-duty-min=0;flash-duty-value=-1;flash-mode=off;flash-mode-values=off,on,auto,red-eye,torch;flash-step-max=0;flash-step-min=0;focal-length=3.81;focus-distances=0.95,1.9,Infinity;focus-fs-fi=0;focus-fs-fi-max=65535;focus-fs-fi-min=0;focus-mode=auto;focus-mode-values=auto,macro,infinity,continuous-picture,continuous-video,manual,fullscan;gesture-shot=false;gesture-shot-supported=true;horizontal-view-angle=62;hsvr-size-fps=640x480x120;hsvr-size-fps-values=640x480x120;hue=middle;hue-values=low,middle,high;iso-speed=auto;iso-speed-values=auto,100,200,400,800,1600;jpeg-quality=100;jpeg-thumbnail-height=128;jpeg-thumbnail-quality=100;jpeg-thumbnail-size-values=0x0,160x128,256x192;jpeg-thumbnail-width=160;m-sr-g=0;m-ss=0;max-exposure-compensation=3;max-num-detected-faces-hw=15;max-num-detected-faces-sw=0;max-num-focus-areas=1;max-num-metering-areas=9;max-num-ot=1;max-zoom=10;mfb=off;mfb-values=off,mfll,ais;min-exposure-compensation=-3;mnr-e=0;mnr-s=true;mtk-123-shad-s=true;mtk-awb-s=true;mtk-cam-mode=0;mtk-shad-s=true;native-pip=false;native-pip-supported=true;picture-format=jpeg;picture-format-values=jpeg;picture-size=2560x1920;picture-size-values=320x240,640x480,1024x768,1280x720,1280x768,1280x960,1600x1200,2048x1536,2624x1968,3264x2448,3840x2304,4192x3104;pip-fps-zsd-off=30;pip-fps-zsd-on=15;preferred-preview-size-for-video=1920x1088;preview-format=yuv420sp;preview-format-values=yuv420sp,yuv420p,yuv420i-yyuvyy-3plane;preview-fps-range=5000,60000;preview-fps-range-values=(5000,60000);preview-frame-rate=30;preview-frame-rate-values=10,20,15,24,30,120;preview-size=640x480;preview-size-values=176x144,320x240,352x288,480x320,480x368,640x480,720x480,800x480,800x600,864x480,960x540,1024x768,1280x720,1280x768,1920x1088,2096x1572;rotation=0;saturation=middle;saturation-values=low,middle,high;scene-mode=auto;scene-mode-values=auto,portrait,landscape,night,night-portrait,theatre,beach,snow,sunset,steadyphoto,fireworks,sports,party,candlelight,hdr;sen-mode-s=0;sensor-type=252;shutter-value=0;shutter-value-supported=0,200,500,1000,2000,5000,10000,20000,50000,100000,200000,300000,400000,500000,600000,800000,1000000,2000000,3000000,5000000,8000000,10000000;smooth-zoom-supported=true;sr-awb-s=true;sr-shad-s=true;stereo-capture-frame-rate=15;stereo-preview-frame-rate=15;sv1-s=3;sv2-s=3;vdr-cc2m-s=true;vdr-r=0;vdr-r2m-s=true;vdr-r4k2k-s