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

Posted 2023-04-17

【中文标题】Android SDK - camera2 - 在 TextureView 上绘制矩形

【英文标题】：Android SDK - camera2 - Draw rectangle over TextureView

【发布时间】：2015-09-19 07:52:15

【问题描述】：

我是 android 开发新手，我发现很难在 camera2 api 上找到好的示例。

我正在慢慢解决大多数问题，但在这个问题上我卡住了。 在默认相机中，当您触摸屏幕进行对焦时，它会暂时显示对焦区域的矩形。我想做一些类似的事情（或者在这种情况下，开始时完全相同的事情，所以我可以弄清楚）。

我在某处读到（我认为是 SDK 文档中的 TextureView 页面），当它被用作相机预览时，您无法在纹理视图上绘制 - 调用 lock 方法将返回 null 而不是画布。

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

我卡住了！谁能给我一个解释或示例，说明如何在事件位置上绘制矩形几秒？

谢谢！

【问题讨论】：

不要在 TextureView 上绘图。在顶部放置一个（大部分是透明的）视图，然后在上面绘制。

我试过 - 无法让它工作。可以举个例子吗？

好的，所以我在上面有另一个视图 - 但是，如果我将此视图 alpha 设置为 0 并且 bakcground:="#0000" 我只能看到我的 cam 预览但是我看不到我的矩形.... 即使我尝试给它 alpha... 我做错了什么还是这个 SDK 与 GL/QT 之类的东西相比非常令人困惑

为绘制矩形的视图发布onDraw()。我假设您将其清除为透明黑色并使用不透明颜色绘制矩形？

我在看到您的评论之前解决了它 - 是的，我没有用 Color.TRANSPARENT 填充它，所以这就是问题所在，我不知道这是一个问题，我想将它设置为具有 0 alpha 的 drawColor会成功的。那好吧。不过谢谢！现在开始我的下一个任务，我已经搞砸了几个小时......哈哈

【参考方案1】：

首先，对于camera2 api android 示例，有开源的google 示例代码。 https://github.com/googlesamples/android-Camera2Basic 其次，对于要绘制矩形的部分（触摸对焦），请按照以下步骤操作 - 创建一个扩展 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 读者：你能解释一下如何添加它吗？在第一步中，我下载了 Camera2Basic 代码。我可以在步骤 1 的示例代码中将此类添加到 Camera2BasicFragment.java 吗？

任何想法，为什么 SurfaceView 可能会忽略设置的透明度并在 TextureView 上显示为黑色矩形？我正在尝试实现此功能，但没有运气，请参阅我的 question

【参考方案2】：

对于那些正在寻找完整代码的人，此示例代码在相机预览上绘制了一个小矩形。只需添加表面视图并修改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 文件有一个额外的表面视图

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

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

        <FrameLayout
            android:id="@+id/control"
            android:layout_
            android:layout_
            android:layout_alignParentBottom="true"
            android:layout_alignParentStart="true"
            android:background="@color/control_background">



            <Button
                android:id="@+id/picture"
                android:layout_
                android:layout_
                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_
                android:layout_
                android:layout_gravity="center_vertical|right"
                android:padding="20dp"
                android:src="@drawable/ic_action_info" />

        </FrameLayout>

    </RelativeLayout>

【参考方案3】：

我解决了 - 我必须将我的表面视图设置为 drawColor(Color.TRANSPARENT) 并带有明确的标志，一切都很好。