Android SDK - camera2 - 在TextureView上绘制矩形

15

我刚开始学习安卓开发,发现很难找到关于camera2 api的好例子。

我正在逐步解决大多数问题,但是在这个问题上我卡住了。在默认相机中,当您点击屏幕进行对焦时,它会显示一个对焦区域的矩形框一段时间。我想做类似的事情(或者在这种情况下,首先完全相同,以便我可以找出来)。

我在SDK文档的TextureView页面上读到过(我觉得)您不能在TextureView作为相机预览时进行绘制 - 调用lock方法会返回null而不是画布。

我在网上找到了这个:https://github.com/commonsguy/vidtry/ 但是我无法让它工作。我要么收到错误,说我的主视图无法转换为我的可绘制视图,反之亦然 - 或者我的可绘制视图在顶部,使屏幕变黑 - 或者它在底部,并且不响应触摸事件(尝试强制从上面的视图执行performClick会导致崩溃)。

我卡住了!有人能给我解释或示例,告诉我如何在事件位置上绘制我的矩形框几秒钟?

谢谢!


1
不要在TextureView上绘制。在其上方放置一个(大部分透明的)View,并在其上绘制。 - fadden
我尝试过,但无法使其正常工作。你能给个例子吗? - aescript
请在绘制矩形的视图的onDraw()方法中发布代码。我假设你会将其清空为透明黑色,并使用不透明颜色绘制矩形? - fadden
我在看到你的评论之前就解决了它 - 是的,我没有用Color.TRANSPARENT填充它,所以那就是问题所在,我不知道那是一件事,我认为将其设置为带有0 alpha的drawColor会起作用。哦,好吧。谢谢!现在我要继续处理已经折腾了几个小时的下一个任务....哈哈 - aescript
@aescript 嗨,你还有这个的可用代码吗?我也需要在纹理视图上进行手指样式绘制.. 你的代码可能很方便。 - David
显示剩余2条评论
3个回答

6
  1. 首先,对于camera2 api android示例,有一个开源的谷歌样例代码。https://github.com/googlesamples/android-Camera2Basic
  2. 其次,在您想要绘制一个矩形(触摸以聚焦)的部分中,请按照以下步骤进行操作:
    • 创建一个扩展SurfaceView的自定义类。
    • 在此自定义类中调用onTouchListener方法以检测手指坐标并使用Android中的paint类绘制您的矩形。 - 将此自定义类添加到显示来自camera2的预览的TextureView之上。
    • 将自定义视图设置为透明。
    • 当您在设备屏幕上某个点上触摸时,将调用onTouchListener,它将在您添加到相机预览上方的自定义视图的画布上绘制。
    • 最后,清除您的画布,以便您不会在自定义视图中持续添加矩形,因为您一次只需要一个矩形。
    • 此外,如果长时间未触摸,则应使矩形消失。 使用自定义视图的处理程序来完成这项工作。

我提供给您一些经过测试的代码以执行此操作。 希望它能帮助您。祝您好运。

 private class CustomView extends SurfaceView {

    private final Paint paint;
    private final SurfaceHolder mHolder;
    private final Context context;

    public CustomView(Camera2BasicFragment context) {
        super(context.getActivity().getBaseContext());
        mHolder = getHolder();
        mHolder.setFormat(PixelFormat.TRANSPARENT);
        this.context = context.getActivity().getBaseContext();
        paint = new Paint(Paint.ANTI_ALIAS_FLAG);
        paint.setColor(Color.WHITE);
        paint.setStyle(Paint.Style.STROKE);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        if (event.getAction() == MotionEvent.ACTION_DOWN) {
            invalidate();
            if (mHolder.getSurface().isValid()) {
                final Canvas canvas = mHolder.lockCanvas();
                Log.d("touch", "touchReceived by camera");
                if (canvas != null) {
                    Log.d("touch", "touchReceived CANVAS STILL Not Null");
                    canvas.drawColor(Color.TRANSPARENT, PorterDuff.Mode.CLEAR);
                    canvas.drawColor(Color.TRANSPARENT);
                    canvas.drawCircle(event.getX(), event.getY(), 100, paint);
                    mHolder.unlockCanvasAndPost(canvas);
                    new Handler().postDelayed(new Runnable() {
                        @Override
                        public void run() {
                            Canvas canvas1 = mHolder.lockCanvas();
                            if(canvas1 !=null){
                                canvas1.drawColor(0, PorterDuff.Mode.CLEAR);
                                mHolder.unlockCanvasAndPost(canvas1);
                            }

                        }
                    }, 1000);

                }
                mHolder.unlockCanvasAndPost(canvas);
            }
        }

        return false;
    }
}

Sahil Reader:你能解释一下如何添加吗?第一步,我下载了Camera2Basic代码。我可以将这个类直接添加到来自第一步的Camera2BasicFragment.java示例代码中吗? - David
有什么想法,为什么SurfaceView可能会忽略设置透明度并显示为黑色矩形覆盖在TextureView上?我正在尝试实现这个功能,但没有成功,请参见我的问题 - insomnium_

4

如果您正在寻找完整的代码,此示例代码会在相机预览上绘制一个小矩形。只需添加Surface View并修改Camera2BasicFragment项目中的onViewCreated函数即可。

public class Camera2BasicFragment extends Fragment
        implements View.OnClickListener, ActivityCompat.OnRequestPermissionsResultCallback {

    SurfaceView surfaceView;

    @Override
    public void onViewCreated(final View view, Bundle savedInstanceState) {
        view.findViewById(R.id.picture).setOnClickListener(this);
        view.findViewById(R.id.info).setOnClickListener(this);
        mTextureView = (AutoFitTextureView) view.findViewById(R.id.texture);

        surfaceView = (SurfaceView) view.findViewById(R.id.surfaceView);
        surfaceView.setZOrderOnTop(true);
        SurfaceHolder mHolder = surfaceView.getHolder();
        mHolder.setFormat(PixelFormat.TRANSPARENT);
        mHolder.addCallback(new SurfaceHolder.Callback() {
            @Override
            public void surfaceCreated(SurfaceHolder holder) {
                Canvas canvas = holder.lockCanvas();
                if (canvas == null) {
                    Log.e(TAG, "Cannot draw onto the canvas as it's null");
                } else {
                    Paint myPaint = new Paint();
                    myPaint.setColor(Color.rgb(100, 20, 50));
                    myPaint.setStrokeWidth(10);
                    myPaint.setStyle(Paint.Style.STROKE);
                    canvas.drawRect(100, 100, 200, 200, myPaint);

                    holder.unlockCanvasAndPost(canvas);
                }
            }

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

            }

            @Override
            public void surfaceDestroyed(SurfaceHolder holder) {

            }
        });
    }

而 fragment_camera2_basic.xml 文件中有额外的 Surface View

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

        <com.example.android.camera2basic.AutoFitTextureView
            android:id="@+id/texture"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentStart="true"
            android:layout_alignParentTop="true" />
        <SurfaceView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:id="@+id/surfaceView"/>

        <FrameLayout
            android:id="@+id/control"
            android:layout_width="match_parent"
            android:layout_height="112dp"
            android:layout_alignParentBottom="true"
            android:layout_alignParentStart="true"
            android:background="@color/control_background">



            <Button
                android:id="@+id/picture"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:text="@string/picture" />

            <ImageButton
                android:id="@+id/info"
                android:contentDescription="@string/description_info"
                style="@android:style/Widget.Material.Light.Button.Borderless"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical|right"
                android:padding="20dp"
                android:src="@drawable/ic_action_info" />

        </FrameLayout>

    </RelativeLayout>

1
我解决了这个问题 - 我需要将我的 SurfaceView 设置为使用清除标志的 drawColor(Color.TRANSPARENT),然后一切都正常了。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接