如何在 SurfaceView Android 上制作裁剪相机视图

How to make a crop camera view on SurfaceView Android(如何在 SurfaceView Android 上制作裁剪相机视图)

问题描述

我想在 android 操作系统上使用 surfaceview 创建一个裁剪应用程序.我已经制作了一个用于显示直视摄像头的显示面，但是当我想直接在摄像头显示屏上添加裁剪功能时仍然失败.下面的图形编辑将完成:

I want to create an cropping application using surfaceview on the android operating system. I've made ​​a display surface for displaying direct view camera, but I still fails when I want to add a cropping feature directly on the camera display. Figure edits below this is going to accomplish:

点击抓图按钮后，屏幕上会出现图片结果，如下图:

When the capture button is clicked then the images result will appear on the screen, as shown below:

以下是MainActivity.java的源码

The following is the source code MainActivity.java

package com.example.CameraPreview1;

import java.io.IOException;
import java.util.List;

import curso.citic15.camara.R;

import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.hardware.Camera;
import android.os.Bundle;
import android.util.Log;
import android.view.Menu;
import android.view.SurfaceHolder;
import android.view.SurfaceView;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.ImageButton;
import android.widget.Toast;

public class MainActivity extends Activity implements SurfaceHolder.Callback, Camera.ShutterCallback, Camera.PictureCallback {
    private SurfaceView Surface;
    Camera camera;
    Bitmap InputImages;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        Surface = (SurfaceView) findViewById(R.id.surface);
        Surface.getHolder().addCallback(this);

        ImageButton shutter = (ImageButton) findViewById(R.id.button_capture);
        shutter.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                camera.takePicture(MainActivity.this, null, null, MainActivity.this);
            }
        });
    }

    @Override
    protected void onDestroy() {
        super.onDestroy();
        camera.release();
    }

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

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

    @Override
    public void onShutter() {
        // TODO Auto-generated method stub

    }

    @Override
    public void surfaceChanged(SurfaceHolder holder, int format, int width, int height) {
        if (camera != null) {
            Camera.Parameters params = camera.getParameters();
            List<Camera.Size> sizes = params.getSupportedPreviewSizes();
            Camera.Size selected = sizes.get(0);
            params.setPreviewSize(selected.width, selected.height);
            camera.setParameters(params);
            camera.setDisplayOrientation(90);


            try {
                camera.setPreviewDisplay(holder);
            } catch (IOException e) {
                e.printStackTrace();
            }

            camera.startPreview();
        } else {
            Toast.makeText(this, "No hay camara o hay algœn error.", Toast.LENGTH_LONG).show();
        }
    }

    @Override
    public void surfaceCreated(SurfaceHolder holder) {
        camera = Camera.open();
    }

    @Override
    public void surfaceDestroyed(SurfaceHolder holder) {
        Log.d("", "Destroyed");
    }

    @Override
    public void onPictureTaken(byte[] data, Camera camera) {
        BitmapFactory.Options options = new BitmapFactory.Options();
        options.inSampleSize = 6;

        InputImages = BitmapFactory.decodeByteArray(data, 0, data.length, options);

        camera.startPreview();
    }

}

以下是main_activity.xml的源代码

and below is the source code main_activity.xml

<RelativeLayout 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"
tools:context=".MainActivity" >

<SurfaceView
    android:id="@+id/surface"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true" />

<ImageButton
    android:id="@+id/button_2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_alignParentRight="true"
    android:layout_marginBottom="15dp"
    android:layout_marginRight="20dp"
    android:src="@drawable/dua"
    android:background="@null"
     />

<ImageButton
    android:id="@+id/button_1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_alignParentLeft="true"
    android:layout_marginBottom="15dp"
    android:layout_marginLeft="20dp"
    android:src="@drawable/satu"
    android:background="@null"
     />

<ImageButton
    android:id="@+id/button_capture"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_centerHorizontal="true"
    android:layout_marginBottom="10dp"
    android:src="@drawable/capture"
    android:background="@null"
     />

<ImageView
    android:id="@+id/imageView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerHorizontal="true"
    android:layout_centerVertical="true"
    android:src="@null" />
</RelativeLayout>

我一直在 Google 上查找，但没有提供我想要的东西的教程，我有点压力和绝望.你会帮忙解决上面提到的问题吗???如果这有帮助，我会非常高兴.非常感谢

I've been looking on Google but none of the tutorials that provide the things I wanted, I had a bit of stress and despair. Will you help solve the problems mentioned above??? I would be very happy if that helps. Thank you very much

推荐答案

查看本教程.通过拖动显示相机预览和自定义视图，然后可以定义要裁剪的区域.您可以根据需要对其进行修改.我能找到的唯一问题是屏幕方向、修改预览和生成的图像.

Check this tutorial. Displays a camera preview and a custom view than can define your region to be cropped, by dragging. You can modify it according to your needs. The only problems I could find are with orientation of the screen, that modify the preview, and of the resulting image.

http://adblogcat.com/a-camera-preview-with-a-bounding-box-like-google-goggles/

这篇关于如何在 SurfaceView Android 上制作裁剪相机视图的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！