如何在 Android 上的 Camera 使用的 SurfaceView 上绘制叠加层？

Question

我有一个简单的程序，可以将Camera 的预览绘制到SurfaceView 中。我想做的是使用 onPreviewFrame 方法，每次将新帧绘制到 SurfaceView 中时都会调用该方法，以便执行 invalidate 方法应该调用 onDraw 方法。事实上，onDraw 方法正在被调用，但没有打印任何内容（我猜相机预览正在覆盖我试图绘制的文本）。

这是我拥有的 SurfaceView 子类的简化版本：

public class Superficie extends SurfaceView implements SurfaceHolder.Callback {
 SurfaceHolder mHolder;
 public Camera camera;
 Superficie(Context context) {
  super(context);
  mHolder = getHolder();
  mHolder.addCallback(this);
  mHolder.setType(SurfaceHolder.SURFACE_TYPE_PUSH_BUFFERS);
 }
 public void surfaceCreated(final SurfaceHolder holder) {
  camera = Camera.open();
  try {
   camera.setPreviewDisplay(holder);
   camera.setPreviewCallback(new PreviewCallback() {
    public void onPreviewFrame(byte[] data, Camera arg1) {
     invalidar();
    }
   });
  } catch (IOException e) {}
 }
 public void invalidar(){
  invalidate();
 }
 public void surfaceChanged(SurfaceHolder holder, int format, int w, int h) {
  Camera.Parameters parameters = camera.getParameters();
  parameters.setPreviewSize(w, h);
  camera.setParameters(parameters);
  camera.startPreview();
 }
 @Override
 public void draw(Canvas canvas) {
  super.draw(canvas);
  // nothing gets drawn :(
  Paint p = new Paint(Color.RED);
  canvas.drawText("PREVIEW", canvas.getWidth() / 2,
    canvas.getHeight() / 2, p);
 }
}

Answer 1

在这方面，SurfaceView 可能不像常规 View 那样工作。

相反，请执行以下操作：

1. 将 SurfaceView 放入
   FrameLayout 或 RelativeLayout 中
   你的布局 XML 文件，因为
   那些允许堆叠小部件
   Z轴
2. 移动你的绘图逻辑
   到一个单独的自定义 View 类中
3. 添加自定义 View 的实例
   类作为布局 XML 文件
   FrameLayout 的子级或
   RelativeLayout，但让它出现
   在 SurfaceView 之后

这将导致您的自定义 View 类看起来浮动在 SurfaceView 之上。

Answer 2

尝试从 surfaceCreated 调用 setWillNotDraw(false)：

public void surfaceCreated(SurfaceHolder holder) {
    try {
        setWillNotDraw(false); 
        mycam.setPreviewDisplay(holder);
        mycam.startPreview();
    } catch (Exception e) {
        e.printStackTrace();
        Log.d(TAG,"Surface not created");
    }
}

@Override
protected void onDraw(Canvas canvas) {

    canvas.drawRect(area, rectanglePaint);
    Log.w(this.getClass().getName(), "On Draw Called");
}

并从 onTouchEvent 调用 invalidate：

public boolean onTouch(View v, MotionEvent event) {

    invalidate();
    return true;
}

Answer 3

我认为在 SurfaceView 的绘制方法中执行任何操作之前，您应该先调用 super.draw() 方法。