Android垂直ProgressBar无法定位至布局两端问题求助

这个问题我之前也碰到过，核心原因是ConstraintLayout在计算约束时，是基于View未旋转前的原始尺寸和边界的，直接旋转ProgressBar会导致约束逻辑和实际显示的位置完全不匹配。下面给你一个简单可靠的解决方案，直接就能实现左右两端的垂直进度条：

我们可以用一个容器（比如FrameLayout）来承载ProgressBar，先把容器准确约束到屏幕的左端/右端，再在容器内部旋转ProgressBar。这样容器的约束逻辑完全符合预期，旋转后的ProgressBar就会垂直显示在目标位置上。

完整布局代码 #

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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:id="@+id/idGestureContainer"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".zzzz_dummy.GestureEvents">

    <!-- 左端垂直进度条（亮度调节） -->
    <FrameLayout
        android:id="@+id/brightnessBarContainer"
        android:layout_width="10dp" <!-- 对应ProgressBar旋转后的水平宽度（原height） -->
        android:layout_height="500dp" <!-- 对应ProgressBar旋转后的垂直高度（原width） -->
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent">

        <ProgressBar
            android:id="@+id/brightnessBar"
            style="@android:style/Widget.ProgressBar.Horizontal"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:max="100"
            android:progress="30"
            android:rotation="270" /> <!-- 逆时针转270度，实现从下到上的垂直进度条 -->
    </FrameLayout>

    <!-- 右端垂直进度条（音量调节） -->
    <FrameLayout
        android:id="@+id/volumeBarContainer"
        android:layout_width="10dp"
        android:layout_height="500dp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent">

        <ProgressBar
            android:id="@+id/volumeBar"
            style="@android:style/Widget.ProgressBar.Horizontal"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:max="100"
            android:progress="70"
            android:rotation="90" /> <!-- 顺时针转90度，实现从下到上的垂直进度条 -->
    </FrameLayout>

</androidx.constraintlayout.widget.ConstraintLayout>

关键细节说明 #

• 容器尺寸设置：因为ProgressBar旋转后，原水平宽度会变成垂直高度，原垂直高度会变成水平宽度，所以容器的宽高要反过来设置（10dp宽、500dp高），刚好能包裹住旋转后的进度条。
• 旋转角度选择：左端用270度、右端用90度，保证两个进度条的增长方向都是从下到上；如果需要反向增长，把角度改成90/270的反向即可（比如180+90=270的反向是90）。
• 约束逻辑：容器直接绑定到屏幕的左右边缘，同时上下绑定父布局，确保垂直居中显示，旋转后的ProgressBar自然就会固定在屏幕两端。

你可以根据需求调整容器的高度（即进度条的垂直长度），或者替换ProgressBar的style为自定义样式，就能完美适配音量和亮度调节的场景了。

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