当前位置: 代码迷 >> Android >> 作自己的安卓拍照应用,其实很简单
  详细解决方案

作自己的安卓拍照应用,其实很简单

热度:205   发布时间:2016-04-24 11:09:04.0
做自己的安卓拍照应用,其实很简单

看着自己手机上的自带的拍照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
  相关解决方案