如何创建自定义水平进度条

时间:2013-11-30 23:09:03

标签: android progress-bar

请帮助创建像enter image description here

这样的水平进度条

2 个答案:

答案 0 :(得分:20)

设置水平进度条的样式

tag = 2

创建自定义进度drawable:green_progress_drawable.xml

        style="?android:attr/progressBarStyleHorizontal"

我的进度条代码:

<?xml version="1.0" encoding="utf-8"?>
<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="#779d9e9d"
            android:centerColor="#995a5d5a"
            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="#33FF33"
                android:endColor="#008000"
                android:angle="270" />
        </shape>
    </clip>
</item>
</layer-list>

代码归功于@Ryan https://stackoverflow.com/a/5745923/3879847

我的输出:

enter image description here 我希望这篇文章可能对某人有用..

答案 1 :(得分:6)

您不需要自定义进度条。在布局xml文件中使用style="@android:style/Widget.ProgressBar.Horizontal"。你还需要使用 ProgressBar.incrementProgressBy(int progress);

请参阅 Android Developers|ProgressBar