Camera2 API使预览填满整个视图

时间:2017-01-22 10:59:10

标签: java android android-layout android-fragments android-camera2

我使用Google Samples(https://github.com/googlesamples/android-Camera2Basic)中的Camera2Basic示例在片段中显示相机预览。 此片段包含RelativeLayout和自定义AutoFitTextureView。后者可以在上面的链接中找到。我已调整布局以使预览居中并删除控制按钮:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/camera_rel">

    <uk.co.deluxe_digital.messngr.AutoFitTextureView
    android:id="@+id/texture"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerInParent="true"
    android:layout_centerHorizontal="true"
    android:layout_centerVertical="true" />

</RelativeLayout>

我在ViewPager中显示了三个总片段。我确实对Camera2BasicFragment做了一些小改动,使它成为一个android.support.v4.app.Fragment,可以使用我的ViewPager并删除按钮。

我想要的是让相机预览填满整个屏幕。这可以通过拉伸预览图像来实现。那不是我想要的。有没有人知道扩展预览或TextureView的方法,以便预览的高度与容器匹配,即使侧面被裁剪掉。我希望它填补视图并保持宽高比。这意味着任何一方的预览都会丢失,但这没关系。

这就是我目前所拥有的: current incorrect display of camera preview

FloatingActionButton负责捕获图像。这是主要的父母活动。

即使你能指出我正确的方向,这将是一个巨大的帮助!

2 个答案:

答案 0 :(得分:1)

我遇到了同样的问题,我正在使用Google示例,并将其改编为我的项目。为了解决这个问题,我在configuredTransform方法中添加了一个else选项,以便在垂直位置正确缩放。

private void configureTransform(int viewWidth, int viewHeight) {
    Activity activity = getActivity();
    if (null == mTextureView || null == mPreviewSize || null == activity) {
        return;
    }
    int rotation = activity.getWindowManager().getDefaultDisplay().getRotation();
    Matrix matrix = new Matrix();
    RectF viewRect = new RectF(0, 0, viewWidth, viewHeight);
    RectF bufferRect = new RectF(0, 0, mPreviewSize.getHeight(), mPreviewSize.getWidth());
    float centerX = viewRect.centerX();
    float centerY = viewRect.centerY();
    if (Surface.ROTATION_90 == rotation || Surface.ROTATION_270 == rotation) {
        bufferRect.offset(centerX - bufferRect.centerX(), centerY - bufferRect.centerY());
        matrix.setRectToRect(viewRect, bufferRect, Matrix.ScaleToFit.FILL);
        float scale = Math.max(
                (float) viewHeight / mPreviewSize.getHeight(),
                (float) viewWidth / mPreviewSize.getWidth());
        matrix.postScale(scale, scale, centerX, centerY);
        matrix.postRotate(90 * (rotation - 2), centerX, centerY);
    } else if (Surface.ROTATION_180 == rotation) {
        matrix.postRotate(180, centerX, centerY);
    } /*I added this else*/ else {
        bufferRect.offset(centerX - bufferRect.centerX(), centerY - bufferRect.centerY());
        matrix.setRectToRect(viewRect, bufferRect, Matrix.ScaleToFit.FILL);
        float scale = Math.max(
                (float) viewHeight / mPreviewSize.getHeight(),
                (float) viewWidth / mPreviewSize.getWidth());
        matrix.postScale(scale, scale, centerX, centerY);
        matrix.postRotate(0, centerX, centerY);

    }
    mTextureView.setTransform(matrix);
}

答案 1 :(得分:0)

AutoFitTextureView扩展了TextureView以保持纵横比。 如果你想填满整个scree,只需使用:

<TextureView
    android:id="@+id/texture"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
 />