如何在 SurfaceView Android 上制作裁剪相机视图 [英] How to make a crop camera view on 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 上制作裁剪相机视图的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
