如何在CameraX的PreviewView预览界面上叠加显示TextView标签

FrameLayout的子控件按照XML书写顺序从下往上叠放，后声明的控件会覆盖在先声明的控件上层。你的代码中TextView声明在PreviewView之前，相机预览加载完成后PreviewView就会将下层的TextView完全遮挡，所以界面上看不到标签。

调整XML布局里的控件声明顺序，将PreviewView放在最前面作为底层预览层，再依次声明需要叠加在预览上的TextView、拍照按钮即可，这些上层控件仅属于系统UI渲染层，不会被CameraX的拍摄逻辑捕获，完全不影响最终生成的照片。

修改后的布局代码如下：

<?xml version="1.0" encoding="utf-8"?>
<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"
    android:background="#000000"
    android:fitsSystemWindows="true"
    tools:context=".MainActivity">

    <!-- 预览层放在最底层 -->
    <androidx.camera.view.PreviewView
        android:id="@+id/viewFinder"
        android:layout_width="379dp"
        android:layout_height="576dp"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="20dp"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"/>

    <!-- 叠加的标签放在预览层之上 -->
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:text="Hello"
        android:textColor="#FFFFFF"
        android:textSize="25sp" />

    <!-- 拍照按钮放在最上层 -->
    <Button
        android:id="@+id/camera_capture_button"
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:background="@drawable/ic_baseline_camera_24"
        android:elevation="2dp"
        android:layout_marginBottom="20dp"
        android:scaleType="fitCenter"
        android:layout_gravity="bottom|center"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintHorizontal_bias="0.498"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.926" />

</FrameLayout> 

• 可以给TextView添加android:shadowColor、android:shadowRadius属性加阴影描边，避免文字颜色和预览背景相近时看不清
• 建议将TextView的textSize单位从dp改为sp，符合安卓规范，适配系统字体大小设置
• 写死宽高的PreviewView在不同尺寸机型上可能适配异常，可考虑用约束布局按比例设置宽高，或者直接设为match_parent

内容的提问来源于stack exchange，提问作者Arpit Gupta