Android中在JavaCameraView前方添加控制按钮的技术实现问询

既然你用的是FrameLayout，那实现这个需求就很简单啦——因为FrameLayout的子View是按添加顺序层叠显示的，后添加的View会显示在前面。你只需要在JavaCameraView的代码后面，添加你的控制按钮（或者按钮容器）就行。

这里给你一个完整的布局示例，我在相机视图底部加了一排控制按钮，你可以根据自己的需求调整位置和样式：

<FrameLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    tools:context="com.example.gustavo.tassio.opencvnativeandroid.Principal">

    <!-- 相机视图，放在最底层 -->
    <org.opencv.android.JavaCameraView
        android:id="@+id/camera_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:camera_id="0"/> <!-- 0是后置相机，1是前置，按需修改 -->

    <!-- 控制按钮容器，放在相机视图上方 -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom"
        android:padding="16dp"
        android:orientation="horizontal"
        android:justifyContent="space-around"
        android:background="@android:color/transparent"> <!-- 透明背景不遮挡相机 -->

        <!-- 示例按钮1：拍照 -->
        <Button
            android:id="@+id/btn_capture"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="拍照"
            android:textColor="@android:color/white"
            android:background="@drawable/round_button"/> <!-- 可以自定义圆角按钮样式 -->

        <!-- 示例按钮2：切换相机 -->
        <Button
            android:id="@+id/btn_switch_camera"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="切换相机"
            android:textColor="@android:color/white"
            android:background="@drawable/round_button"/>

        <!-- 示例按钮3：滤镜切换 -->
        <Button
            android:id="@+id/btn_filter"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="滤镜"
            android:textColor="@android:color/white"
            android:background="@drawable/round_button"/>
    </LinearLayout>

</FrameLayout>

关键要点说明： #

• 确保JavaCameraView是FrameLayout的第一个子View，这样它会被放在最底层，按钮容器会叠在它上面。
• 用LinearLayout（或者ConstraintLayout）来管理按钮的排列，这样按钮布局更规整。
• 通过android:layout_gravity可以控制按钮容器的位置：比如bottom是底部，top是顶部，right|center_vertical是右侧垂直居中，按需调整。
• 如果想让按钮更美观，可以自定义按钮的背景drawable（比如圆角、半透明效果），避免生硬的矩形按钮。

后续代码逻辑补充： #

在你的Principal Activity里，记得给这些按钮设置点击事件，比如切换相机的逻辑可以调用JavaCameraView的switchCamera()方法，拍照逻辑可以结合OpenCV的帧捕获来实现。

内容的提问来源于stack exchange，提问作者Tassio Gustavo