[置顶] 自定义的解压进度条 关于ProgressBar的使用

整体布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/linear_"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >

<LinearLayout
android:layout_width="300dp"
android:layout_height="100dp"
android:layout_gravity="center"
android:background="@drawable/main_bg"
android:orientation="vertical"
android:paddingLeft="5dp"
android:paddingRight="5dp"
android:paddingTop="10dp" >

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/decompression"
android:textColor="#436EEE"
android:textSize="15sp" />

<TextView
android:id="@+id/tv_current"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="right"
android:layout_marginTop="10dp"
android:text="@string/current_value"
android:textColor="#EE9A00"
android:textSize="11sp" />

<ProgressBar
android:id="@+id/progressBar1"
style="?android:attr/progressBarStyleHorizontal"
android:layout_width="fill_parent"
android:layout_height="5dp"
android:layout_marginTop="5dp"
android:progressDrawable="@drawable/progress_bg" />
</LinearLayout>

</LinearLayout>

渐变色背景

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/linear_"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >

<LinearLayout
android:layout_width="300dp"
android:layout_height="100dp"
android:layout_gravity="center"
android:background="@drawable/main_bg"
android:orientation="vertical"
android:paddingLeft="5dp"
android:paddingRight="5dp"
android:paddingTop="10dp" >

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/decompression"
android:textColor="#436EEE"
android:textSize="15sp" />

<TextView
android:id="@+id/tv_current"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="right"
android:layout_marginTop="10dp"
android:text="@string/current_value"
android:textColor="#EE9A00"
android:textSize="11sp" />

<ProgressBar
android:id="@+id/progressBar1"
style="?android:attr/progressBarStyleHorizontal"
android:layout_width="fill_parent"
android:layout_height="5dp"
android:layout_marginTop="5dp"
android:progressDrawable="@drawable/progress_bg" />
</LinearLayout>

</LinearLayout>

ProgressBar的背景资源

分别需要对3个 item进行id 进行设置 ：

android:id/background

android:id/secondaryProgress

android:id/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">
<shape>
<corners android:radius="3dip" />

<gradient
android:angle="270"
android:centerY="0.75"
android:endColor="#30F5FFFA"
android:startColor="#90F0F0F0" />
</shape>
</item>
<!-- 设置第二级进度条颜色图像资源 -->
<item android:id="@android:id/secondaryProgress">
<clip>
<shape>
<corners android:radius="3dip" />

<gradient
android:angle="270"
android:centerY="0.75"
android:endColor="#EEE685"
android:startColor="#EEAD0E" />
</shape>
</clip>
</item>
<!-- 设置第一级进度条颜色图像资源 -->
<item android:id="@android:id/progress">
<clip>
<shape>
<corners android:radius="3dip" />

<gradient
android:angle="270"
android:centerY="0.75"
android:endColor="#3087CEEB"
android:startColor="#906495ED" />
</shape>
</clip>
</item>

</layer-list>

gradient的几种属性配置：

android:scrollbarTrackVertical="@drawable/scrollbar_vertical_track"        //滚动条背景
android:scrollbarThumbVertical="@drawable/scrollbar_vertical_thumb"      //滚动条

scrollbar_vertical_track.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<gradient android:startColor="#3333FF" android:endColor="#8080FF"
android:angle="0"/>
<corners android:radius="6dp" />
</shape>

scrollbar_vertical_thumb.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<gradient android:startColor="#505050" android:endColor="#C0C0C0"
android:angle="0"/>
<corners android:radius="0dp" />
</shape>