使用相机时可触摸屏幕答案

【问题标题】：Touchable screen while using camera使用相机时可触摸屏幕
【发布时间】：2013-11-04 20:06:39
【问题描述】：

我真的被我的工作困住了。我在 stackoverflow 上阅读了很多问题和答案，但仍然找不到适合我的确切答案。请帮助我，甚至只是指出我正确的方向......

我正在尝试编写一个应用程序，让我在使用相机时可以选择屏幕上的对象。

我会尝试用更简单的方式来解释它：我打开应用程序，摄像头实时屏幕出现，就好像我在录制东西一样。我用手指在屏幕上选择 3 个特定点（这些是我之前准备的小彩色纸方块）。我的选择已保存到手机中。（我会在这里停下来，因为我认为对接下来发生的事情的进一步解释在这里并不重要）。

我不知道如何创建可以让我在屏幕上选择这些点的程序/代码。我现在只有一个简单的代码，它只打开相机并让你录制视频。

请帮忙。

【问题讨论】：

您需要启动并运行相机并将其附加到表面视图。然后，您可以在第一个之上构建另一个表面视图。使用 z 轴较高的自定义 UI（当它连接到相机时，您不能使用表面视图的画布，因此您需要第二个）。较高的表面视图可以在画布对象上使用/绘制。这也可以使用触摸事件。相机预览和表面视图的大小将不同，因此请计算。当您触摸屏幕时，使用触摸事件获取坐标并将其转换为相机坐标。这是你需要的吗？我可以详细解释。
谢谢詹姆斯。您的回答让我知道如何开始，但我仍然不太明白。我知道如何为新手提供帮助和解释一切——因为这就是我现在从事编程的人，但如果你能尽可能多地“充分解释”我会很高兴，这样我就能完全理解一切。我真的很感激。

标签： android-camera

【解决方案1】：

我假设您是启动视频源的代码，获取一个 Camera 对象，启动它并将其连接到 SurfaceView 可能是 SurfaceTexture。如果您已设置，则来自 Camera 的帧将直接显示到 SurfaceView：

myHolder.setType(SurfaceHolder.SURFACE_TYPE_PUSH_BUFFERS);
myCamera.setPreviewDisplay(myHolder);

这是显示相机帧的一种快速简便的方法，但这意味着您无法控制帧的显示方式。例如，如果您想处理帧然后自己显示它们，您需要订阅onPreviewCallback()，它会为您提供每个帧的副本。如果您随后省略了上述两条表面视图线，则不会自动显示框架，您可以自己绘制它们，但这会慢很多。 https://stackoverflow.com/a/4367250/514531

您可以使用Canvas 在表面视图上进行绘制。画布有许多用于绘制形状/矩形/线条/圆圈/单词等的方法。您使用 Paint 对象来指定颜色/宽度等。对不起，如果现在这是错误的，但我一直在使用较旧的 Android，但是，如果您确实通过表面视图显示，则无法将画布锁定到表面视图。 https://stackoverflow.com/a/12565208/514531 为了解决这个问题，我不久前发现了一些代码，它创建了一个 OverlayView 类。在 Android 中，您可以将视图在 Z 方向上相互叠加。使用不使用myHolder.setType(SurfaceHolder.SURFACE_TYPE_PUSH_BUFFERS); myCamera.setPreviewDisplay(myHolder); 的空透明表面视图，您可以将canavs 锁定到它并开始绘图。

OverlayView 类只是一个扩展 SurfaceView 的类，用作自定义显示。为此，您需要在布局文件中为您的第一个/相机活动声明它，如下所示：

 <Your.package.OverlayView
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:id="@+id/overView"
    />
     <SurfaceView
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:id="@+id/surfaceView"/>

在此布局文件中，R.id.surfaceView 是您与相机一起使用的第一个表面视图，并像您可能已经拥有的那样进行设置。 R.id.overView 是用于绘图的自定义surfaceview。

您可以像创建任何其他视图组件一样创建它：

OverLayView overView = (OverlayView)findViewById(R.id.overView);

这也像一个普通的类，所以你可以像往常一样向它发送一些参数并调用它的方法。例如我有一个方法：

overView.setCamera(myCamera, cameraHeight, cameraWidth, getResources(), isFrontCamera);

现在您有一个显示到表面视图的相机和一个可以绘制到的单独的表面视图。所以你现在需要一个TouchEvent 处理程序。

在 OverlayView 类中重写方法onTouchEvent(MotionEvent e)。 MotionEvent 告诉您发生了什么事件，触摸开/关。首先检查它是一个touch down（在屏幕上按下）然后你可以从MotionEvente.getX获取X和Y坐标；

这可以与 canavs 结合以绘制触摸发生的位置。

注意事项：相机预览的尺寸可能与表面视图的尺寸不同。您知道相机对象的相机尺寸和表面视图大小来自surfaceView onchange 方法。所以你需要计算一个比率来转换两者，比如：(viewWidth/touch)*camerawidth。

一旦你有了坐标，你就可以在你想要的地方裁剪相机框架。

【讨论】：

这比我想象的解释得更多。谢谢詹姆斯的帮助！真的！