ProgressBar進度條顏色改變

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);