如何设置进度条的背景色

Question

我使用以下代码设置进度条样式。

我已经声明了progressbar小部件：

 <ProgressBar
    android:id="@+id/loadProgress"
    style="?android:attr/progressBarStyleHorizontal"
    android:layout_width="match_parent"
    android:layout_height="20dip"
    android:max="100"
    android:progressDrawable="@drawable/load_progress"
    android:progress="0" />

定义了“@drawable/load_progress”

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

<item
    android:id="@android:id/background"
    android:drawable="@drawable/background_bk">
</item>
<item
    android:id="@android:id/progress"
    android:drawable="@drawable/progress_bk">
</item>

</layer-list>

定义了"@drawable/background_bk"（它是红色的）

<?xml version="1.0" encoding="utf-8"?>
 <shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" >

<gradient
    android:angle="0"
    android:endColor="#ff0000"
    android:startColor="#ff0990" />

<stroke
    android:width="1dp"
    android:color="#ff0000" />

 </shape>

定义了@drawable/progress_bk（它是绿色的）

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" >

<gradient
    android:angle="0"
    android:endColor="#00ff00"
    android:startColor="#00ff00" />

<stroke
    android:width="1dp"
    android:color="#00ff00" />

</shape>

进度条始终显示完全绿色（当进度值为100时，它应该是这样显示的），即使我将进度值设置为小于100。欢迎任何意见。

- QuinnChen

Answer 1

以下是我所做的内容，使进度条呈绿色并具有透明背景：

android:background="@color/white"
android:progressBackgroundTint="@color/white"
android:progressTint="@color/green_light"

- Droid Chris

---

仅仅使用android:progressBackgroundTint="@color/white"就已经解决了我的问题。 - Machado

Answer 2

最后，我找到了一个简单的解决方案。

1

您可以在文件夹 "SDK_path\platforms\android19\data\res\drawable" 中找到默认的可绘制 XML 文件。 在那里您可以找到许多小部件的默认样式。

2

获取文件 "progress_horizontal.xml"。 该文件中的代码如下：

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

<item android:id="@android:id/background">
    <shape>
        <corners android:radius="5dip" />
        <gradient
                android:startColor="#ff9d9e9d"
                android:centerColor="#ff5a5d5a"
                android:centerY="0.75"
                android:endColor="#ff747674"
                android:angle="270"
        />
    </shape>
</item>

<item android:id="@android:id/secondaryProgress">
    <clip>
        <shape>
            <corners android:radius="5dip" />
            <gradient
                    android:startColor="#80ffd300"
                    android:centerColor="#80ffb600"
                    android:centerY="0.75"
                    android:endColor="#a0ffcb00"
                    android:angle="270"
            />
        </shape>
    </clip>
</item>

<item android:id="@android:id/progress">
    <clip>
        <shape>
            <corners android:radius="5dip" />
            <gradient
                    android:startColor="#ffffd300"
                    android:centerColor="#ffffb600"
                    android:centerY="0.75"
                    android:endColor="#ffffcb00"
                    android:angle="270"
            />
        </shape>
    </clip>
</item>

</layer-list>

3

您可以轻松更改“进度颜色”和“背景颜色”的颜色。

- QuinnChen