1.图像形式
<?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/no"/>
<!-- 定义轨道上已完成部分的样式 -->
<item
android:id="@android :id/progress"
android:drawable="@drawable/ok"/>
</layer-list>
2.绚丽效果
<?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/no"/>
<!-- 定义轨道上已完成部分的样式 -->
<item
android:id="@android :id/progress"
android:drawable="@drawable/ok"/>
<!-- 设置背景色图像资源 -->
<!-- <item android:id="@android :id/background" android:drawable="@drawable/XXXX"> -->
<item android:id="@android :id/background">
<shape>
<corners android:radius="3dip" />
<gradient
android:angle="270"
android:centerColor="#FF880000"
android:centerY="0.75"
android:endColor="#FF110000"
android:startColor="#FFFF0000" />
</shape>
</item>
<!-- 设置第二级进度条颜色图像资源 -->
<item android:id="@android :id/secondaryProgress">
<clip>
<shape>
<corners android:radius="3dip" />
<gradient
android:angle="270"
android:centerColor="#FF00FF00"
android:centerY="0.75"
android:endColor="#FF00FF00"
android:startColor="#FF00FF00" />
</shape>
</clip>
</item>
<!-- 设置第一级进度条颜色图像资源 -->
<item android:id="@android :id/progress">
<clip>
<shape>
<corners android:radius="3dip" />
<gradient
android:angle="270"
android:centerColor="#12345678"
android:centerY="0.75"
android:endColor="#98786321"
android:startColor="#54636254" />
</shape>
</clip>
</item>
</layer-list>
由于android并没有提供垂直的进度条,需要自己绘制
<?xml version="1.0" encoding="utf-8"?>
<clip xmlns:android="http://schemas.android.com/apk/res/android"
android:drawable="@drawable/android"
android:clipOrientation="vertical"
android:gravity="top">
</clip>
//通过下面代码,可以在垂直方向从图像的顶端开始截取30%图像
将ImageView的背景色设置为另一种颜色就可以绘制出一个垂直进度条
ImageView imageView=(ImageView)findViewById(R.id.image);
ClipDrawable drawable=(ClipDrawable)imageView.getDrawable();
//通图像顶端截取图像的30%
drawable.setLevel(3000);