Android左右镜像布局适配问题：进度条填充与旋转显示异常

一、解决右侧布局元素对齐与填充问题（替代嵌套LinearLayout+weight） #

直接用ConstraintLayout作为HUD的容器，无需嵌套，通过约束实现镜像布局的元素对齐和空间填充，更高效且优雅：

静态布局（XML）方式 #

如果是在XML中定义HUD模板，右侧布局可以这么写：

<androidx.constraintlayout.widget.ConstraintLayout
    android:id="@+id/right_hud_container"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintBottom_toBottomOf="parent">

    <ProgressBar
        android:id="@+id/right_progress"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toStartOf="@id/right_icon"
        app:layout_constraintTop_toTopOf="parent"/>

    <ImageView
        android:id="@+id/right_icon"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="@id/right_progress"/>
</androidx.constraintlayout.widget.ConstraintLayout>

• ProgressBar设width="0dp"，通过start绑定父容器左边缘、end绑定ImageView的左边缘，自动填充剩余空间；
• ImageView通过end绑定父容器右边缘，实现靠右对齐。

动态创建控件方式 #

如果是代码中动态生成HUD元素，用ConstraintSet来设置约束：

// 假设rightHudContainer是右侧的ConstraintLayout容器
val rightProgress = ProgressBar(context).apply {
    id = View.generateViewId()
    layoutParams = ConstraintLayout.LayoutParams(0, ViewGroup.LayoutParams.WRAP_CONTENT)
}
val rightIcon = ImageView(context).apply {
    id = View.generateViewId()
    layoutParams = ConstraintLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT)
}

rightHudContainer.addView(rightProgress)
rightHudContainer.addView(rightIcon)

val constraintSet = ConstraintSet()
constraintSet.clone(rightHudContainer)

// 设置ProgressBar填充剩余空间
constraintSet.connect(rightProgress.id, ConstraintSet.START, ConstraintSet.PARENT_ID, ConstraintSet.START)
constraintSet.connect(rightProgress.id, ConstraintSet.END, rightIcon.id, ConstraintSet.START)
constraintSet.constrainWidth(rightProgress.id, ConstraintSet.MATCH_CONSTRAINT)

// 设置ImageView靠右
constraintSet.connect(rightIcon.id, ConstraintSet.END, ConstraintSet.PARENT_ID, ConstraintSet.END)
constraintSet.connect(rightIcon.id, ConstraintSet.TOP, rightProgress.id, ConstraintSet.TOP)

constraintSet.applyTo(rightHudContainer)

二、解决旋转后右侧HUD被SurfaceView遮挡问题 #

1. 调整布局层级顺序 #

在根布局中，确保左右HUD容器的声明顺序在SurfaceView之后。因为Android布局的绘制顺序是按XML中的声明顺序来的，后声明的控件会绘制在前面。如果是动态添加，要把HUD容器添加到根布局的最后：

// rootLayout是根容器，surfaceView是中间的SurfaceView
rootLayout.addView(surfaceView)
rootLayout.addView(leftHudContainer)
rootLayout.addView(rightHudContainer) // 最后添加，保证绘制层级在SurfaceView之上

2. 强制提升HUD层级（兼容低版本） #

如果调整顺序无效，或者是旋转后层级错乱，可在动态添加HUD后调用bringToFront()：

rightHudContainer.bringToFront()
// 旋转时Activity重建，记得在onCreate或onRestoreInstanceState中重新调用

API 21+也可以用elevation属性，给HUD容器设置高于SurfaceView的 elevation：

android:elevation="2dp"

三、整体布局结构建议 #

根布局用ConstraintLayout，直接容纳SurfaceView和左右HUD容器，避免多层嵌套：

<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <SurfaceView
        android:id="@+id/game_surface"
        android:layout_width="0dp"
        android:layout_height="0dp"
        app:layout_constraintStart_toEndOf="@id/left_hud_container"
        app:layout_constraintEnd_toStartOf="@id/right_hud_container"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"/>

    <androidx.constraintlayout.widget.ConstraintLayout
        android:id="@+id/left_hud_container"
        android:layout_width="120dp"
        android:layout_height="match_parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"/>

    <androidx.constraintlayout.widget.ConstraintLayout
        android:id="@+id/right_hud_container"
        android:layout_width="120dp"
        android:layout_height="match_parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"/>
</androidx.constraintlayout.widget.ConstraintLayout>

这样左右HUD容器固定宽度，中间SurfaceView自动填充剩余空间，旋转时布局会自动适配，且层级关系清晰。

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