1. 程式人生 > 其它 >小視訊app原始碼,Android進度條ProgressBar顏色的漸變設定

小視訊app原始碼,Android進度條ProgressBar顏色的漸變設定

小視訊app原始碼,Android進度條ProgressBar顏色漸變設定實現的相關程式碼

  1. 第一步

在小視訊app原始碼res/drawable目錄下新建自己的樣式檔案my_progressBar.xml檔案。

<?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="
5dp"/> </shape> <color android:color="#CCCCCC"/> </item> <item android:id="@android:id/progress"> <clip android:clipOrientation="horizontal" android:gravity="left"> <shape> <corners android:radius="
5dp"/> <gradient android:startColor="#00FF00" android:centerColor="#FFFF00" android:endColor="#FF0000"/> </shape> </clip> </item> </layer-list>

就這樣我們設定好了小視訊app原始碼進度條的樣式,讓它剛開始時是綠色,隨著進度條進度的增大,顏色逐漸變為黃色,最後將變為紅色。

  1. 第二步

建立好樣式檔案後,我們就能在小視訊app原始碼的佈局檔案中使用了。

<ProgressBar  
    android:id="@+id/progressBar"  
    style="?android:attr/progressBarStyleHorizontal"  
    android:layout_width="fill_parent"  
    android:layout_height="7.5dp"  
    android:max="100"  
    android:progress="80"   
    android:layout_marginRight="8dp"  
    android:progressDrawable="@drawable/my_progressBar"   
    android:visibility="visible"/>  
android:progressDrawable=“@drawable/my_progressBar”引用我們定義好的樣式檔案。

總結: 雖然Android系統並沒有為我們提供設定進度條顏色漸變的屬性、方法,但是我們通過自定義樣式檔案,同樣能實現顏色漸變的、美觀的進度條。
以上就是小視訊app原始碼,Android進度條ProgressBar顏色漸變設定實現的相關程式碼, 更多內容歡迎關注之後的文章