SurfaceView实现简单的相机

视频流

SurfaceView继承自View,主要用来展示视频流的绘制,典型的应用场景是相机,视频播放器,游戏界面绘制等。它独立于UI线程进行绘制,所以不会阻塞UI线程。本文将结合一个简单的相机demo介绍SurfaceView的使用。

Github Demo地址

我们实现的相机功能很简单,可以进行相机预览,点击拍照按钮拍照,并展示拍摄的照片,点击确定返回相机预览界面。

布局如下:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    ...
>

  <SurfaceView        
        android:id="@+id/preview_surface_view"                
        android:layout_width="match_parent"        
        android:layout_height="match_parent"/>    

  <ImageView        
        android:id="@+id/image_view"        
        android:layout_width="match_parent"        
        android:layout_height="match_parent"        
        android:visibility="gone"/>    

  <Button        
        android:id="@+id/take_photo_btn"        
        android:layout_width="wrap_content"        
        android:layout_height="wrap_content"        
        android:layout_alignParentBottom="true"        
        android:layout_centerHorizontal="true"        
        android:text="拍照"/>    

  <Button        
        android:id="@+id/confirm_btn"        
        android:layout_width="wrap_content"        
        android:layout_height="wrap_content"        
        android:layout_alignParentBottom="true"        
        android:layout_centerHorizontal="true"        
        android:text="确定"/>

</RelativeLayout>

SurfaceView的初始化如下,首先根据SurfaceView获取SurfaceHolder,SurfaceHolder是一个接口,提供了控制SurfaceView界面的函数,比如控制界面的尺寸、格式,编辑界面像素,监控界面的变化等。然后给SurfaceHolder添加CallBack回调函数,三个回调函数对应了界面的三个状态,创建,修改和销毁。在这里我们在界面创界后开始进行相机预览。

public class MainActivity extends AppCompatActivity {
    ...
    private Camera camera;
    private SurfaceHolder surfaceHolder;
    private byte[] pictureDataBytes;

    @Override
    protected void onCreate(Bundle savedInstanceState) {    
        super.onCreate(savedInstanceState);
        ...
        surfaceHolder = surfaceView.getHolder();    
        surfaceHolder.addCallback(new SurfaceHolder.Callback() {        
            @Override        
            public void surfaceCreated(SurfaceHolder holder) {            
                startPreview();        
            }        

            @Override        
            public void surfaceChanged(SurfaceHolder holder, int format, int width, int height) {        

            }        

            @Override        
            public void surfaceDestroyed(SurfaceHolder holder) {        
            
            }    
        });
}

相机的初始化在onResume里进行,销毁在onPause里进行:

@Override
protected void onResume() {    
    super.onResume();  
    initCamera();
}

@Override
protected void onPause() {    
    super.onPause();    
    releaseCamera();
}

private void initCamera() {    
    if (camera == null) {        
        camera = Camera.open();    
    }
}

private void releaseCamera() {    
    if (camera != null) {        
        camera.release();        
        camera = null;    
    }
}

启动相机预览的函数实现如下,通过setPreviewDisplay指定显示预览的view:

private void startPreview() {    
    if (camera != null) {        
        try {            
            camera.setPreviewDisplay(surfaceHolder);            
            if (isCapturing) {                
                camera.startPreview();            
            }        
        } catch (IOException e) {            
            e.printStackTrace();            
            Toast.makeText(this, "Unable to open camera.", Toast.LENGTH_SHORT)                    .show();        
        }    
    }
}

点击拍照按钮,进行拍照并展示。这里为了防止相机拍摄的照片太大导致OOM错误,要对图片进行压缩,压缩包括两个方式,尺寸压缩和像素格式压缩,可以参考博客从Oppo手机拍照无法展示谈图片压缩

@OnClick(R.id.take_photo_btn)
protected void onTakePhotoClicked(View v) {    
    camera.takePicture(null, null, new Camera.PictureCallback() {        
        @Override        
        public void onPictureTaken(byte[] data, Camera camera) {            
            pictureDataBytes = data;            
            showPicture();        
        }    
    });
}

private void showPicture() {    
    Bitmap bitmap = BitmapFactory.decodeByteArray(pictureDataBytes, 0, pictureDataBytes.length);    

    BitmapFactory.Options options = new BitmapFactory.Options();    
    options.inSampleSize = calculateSampleSize(bitmap.getHeight(), bitmap.getWidth());    
    options.inPreferredConfig = Bitmap.Config.RGB_565;

    InputStream inputStream = bitmapToStream(bitmap);    
    imageView.setImageBitmap(BitmapFactory.decodeStream(inputStream, null, options));
    ...
}

计算采样比例采用下面的函数:

// 获取采样比例
public int calculateSampleSize(int outWidth, int outHeight) {    
    int scale = 1;    
    if (outHeight > MAX_HEIGHT || outWidth > MAX_WIDTH) {        
        int maxSize = MAX_WIDTH > MAX_HEIGHT ? MAX_WIDTH : MAX_HEIGHT;        
        scale = (int) Math.pow(2, (int) Math.round(Math.log(maxSize /(double) Math.max(outHeight, outWidth)) / Math.log(0.5)));    
    }    

    return scale;
}

最后记得在Manifest里添加相机权限:

<uses-permission android:name="android.permission.CAMERA"/>

Github Demo地址

参考:
https://developer.android.com/reference/android/view/SurfaceView.html
http://archive.oreilly.com/oreillyschool/courses/android2/CameraAdvanced.html

推荐阅读更多精彩内容

  • 在Android系统中,有一种特殊的视图,称为SurfaceView,它拥有独立的绘图表面,即它不与其宿主窗口共享...
    army魔君阅读 4,371评论 13 66
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 127,656评论 18 546
  • 一.Android中开发相机应用的两种方式 Android系统提供了两种使用手机相机资源实现拍摄功能的方法,一种是...
    GB_speak阅读 3,481评论 2 24
  • Android中开发相机的两种方式Android系统提供了两种使用手机相机资源实现拍摄功能的方法,一种是直接通过I...
    TensorFlow开发者阅读 1,398评论 0 13
  • 而我没想到,就在学校的走廊上,我会再次看见他。 都说时间是疗伤良药,我想趁我还没机会受伤,他也要离开去另一个地方,...
    是文颜啊阅读 565评论 18 16