如何修改Android ProgressBar样式？自定义样式异常求助

你当前有两个核心错误：

1. 把自定义样式设置给了android:background，而不是进度条专属的android:progressDrawable，导致系统默认的进度绘制逻辑被覆盖，出现高度异常。
2. 直接用<color>作为layer-list的item内容，没有做尺寸约束，无法实现进度条粗细调整的需求。

下面分两种场景给出具体修复步骤：

场景1：进度条与ProgressBar整体高度一致 #

1. 修改布局文件 #

把ProgressBar的android:background替换为android:progressDrawable：

<ProgressBar
    android:id="@+id/indicator"
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:layout_marginTop="50dp"
    android:layout_marginStart="10dp"
    android:layout_marginEnd="10dp"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    style="?android:attr/progressBarStyleHorizontal"
    android:progressDrawable="@drawable/myprogressbar"
    android:progress="0"/>

2. 修改myprogressbar.xml样式 #

用<shape>代替直接的<color>，确保尺寸匹配：

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 背景层 -->
    <item android:id="@android:id/background">
        <shape android:shape="rectangle">
            <solid android:color="#2ecc71" />
            <!-- 可选：添加圆角优化外观 -->
            <!-- <corners android:radius="4dp" /> -->
        </shape>
    </item>
    <!-- 进度层 -->
    <item android:id="@android:id/progress">
        <clip>
            <shape android:shape="rectangle">
                <solid android:color="#27ae60" />
                <!-- 和背景层保持一致的圆角 -->
                <!-- <corners android:radius="4dp" /> -->
            </shape>
        </clip>
    </item>
</layer-list>

场景2：进度条比整体区域更粗/更细（比如中间的进度线条） #

如果要实现“背景是宽条，进度是中间的细线条”，通过给进度层添加上下padding来控制高度：

修改myprogressbar.xml #

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 背景层：填充整个ProgressBar高度 -->
    <item android:id="@android:id/background">
        <shape android:shape="rectangle">
            <solid android:color="#f0f0f0" />
            <corners android:radius="25dp" /> <!-- 圆角值设为高度的一半，实现胶囊形状 -->
        </shape>
    </item>
    <!-- 进度层：通过padding缩小实际高度 -->
    <item android:id="@android:id/progress"
          android:top="10dp"
          android:bottom="10dp">
        <clip>
            <shape android:shape="rectangle">
                <solid android:color="#27ae60" />
                <corners android:radius="20dp" /> <!-- 圆角值 = (总高度 - 上下padding)/2 -->
            </shape>
        </clip>
    </item>
</layer-list>

布局文件保持场景1的修改即可，此时进度条实际高度为50dp - 10dp*2 = 30dp，实现比背景更细的效果。

关键注意事项 #

• 必须使用android:progressDrawable指定自定义样式，而不是android:background，后者会覆盖进度条的核心绘制逻辑。
• 避免直接用<color>作为layer-list的item内容，改用<shape>可以更灵活控制圆角、尺寸等属性。
• 如果使用圆角，进度层和背景层的圆角值要匹配，避免出现显示错位的问题。

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