如何使用Android XML创建无间距的自定义水平进度条？

1. 创建进度条背景Drawable（bg_progress_bar.xml） #

在res/drawable目录下创建背景形状，确保无额外内边距：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <!-- 背景底色 -->
    <solid android:color="#E0E0E0" />
    <!-- 按需设置圆角，和进度层保持一致 -->
    <corners android:radius="4dp" />
</shape>

2. 创建进度填充Drawable（progress_progress_bar.xml） #

同样在res/drawable目录下创建进度填充的形状：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <!-- 进度填充色 -->
    <solid android:color="#4CAF50" />
    <!-- 和背景圆角半径一致，避免显示错位 -->
    <corners android:radius="4dp" />
</shape>

3. 组合层级Drawable（progress_bar_layer.xml） #

用layer-list将背景和进度层组合，关键通过clip标签确保进度无间隙填充：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 底层：进度条背景 -->
    <item android:drawable="@drawable/bg_progress_bar" />
    <!-- 上层：进度填充，clip标签控制显示范围，gravity设为fill消除间隙 -->
    <item>
        <clip
            android:drawable="@drawable/progress_progress_bar"
            android:gravity="fill" />
    </item>
</layer-list>

4. 在布局中使用自定义进度条 #

在布局XML里添加ProgressBar，指定自定义Drawable并移除默认内边距：

<ProgressBar
    android:id="@+id/customProgressBar"
    style="?android:attr/progressBarStyleHorizontal"
    android:layout_width="match_parent"
    android:layout_height="20dp"
    android:progressDrawable="@drawable/progress_bar_layer"
    <!-- 覆盖系统默认内边距，确保Drawable与进度条完全贴合 -->
    android:padding="0dp"
    android:progress="70" />

核心注意事项 #

• 所有Drawable均不设置padding属性，避免产生额外间距
• clip标签必须设置android:gravity="fill"，保证进度Drawable完全填充进度区域
• 布局中的ProgressBar显式设置android:padding="0dp"，清除系统默认内边距
• 背景和进度层的圆角半径需保持一致，防止出现边角错位

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