2011-09-19 170 views
1

我有一個靜態進度條,它只是在條上顯示一個停滯的數據。我想改變默認顏色,即黃色。 This解決方案沒有幫助,因爲我的進度條變成了水平的灰色動畫。 請幫忙。更改水平進度條的顏色

+1

試試這個太:http://stackoverflow.com/questions/2020882/how-to-change- progress-bars-progress-color-in-android –

+0

你的問題與[this] [1]有關。 [1]:http://stackoverflow.com/questions/2020882/how-to-change-progress-bars-progress-color-in-android – CMA

+1

@vinayak感謝。有效。你能告訴我怎樣才能改變進度條中的灰色顏色?我的意思是顯示剩餘區域的灰色。 – Umang

回答

0

您可以自定義進度條樣式。

看起來像波紋管:

<ProgressBar 
    android:id="@+id/progressbar" 
    style="@android:style/Widget.Holo.Light.ProgressBar.Horizontal" 
    android:progressDrawable="@drawable/whiteprogress" 
    android:indeterminate="false" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignParentLeft="true" 
    android:layout_alignParentRight="true" 
    android:layout_alignParentTop="true" 
    android:maxHeight="18dip" 
    android:minHeight="18dip" /> 

,創造whiteprogress.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="2dip" /> 

      <gradient 
       android:angle="270" 
       android:centerColor="#26A69A" 
       android:centerY="0.75" 
       android:endColor="#26A69A" 
       android:startColor="#26A69A" /> 
     </shape> 
    </item> 
    <item android:id="@android:id/secondaryProgress"> 
     <clip> 
      <shape> 
       <corners android:radius="2dip" /> 

       <gradient 
        android:angle="270" 
        android:centerColor="#80ffb600" 
        android:centerY="0.75" 
        android:endColor="#a0ffcb00" 
        android:startColor="#80ffd300" /> 
      </shape> 
     </clip> 
    </item> 
    <item android:id="@android:id/progress"> 
     <clip> 
      <shape> 
       <corners android:radius="2dip" /> 

       <gradient 
        android:angle="270" 
        android:endColor="#ffffff" 
        android:startColor="#ffffff" /> 
      </shape> 
     </clip> 
    </item> 

</layer-list>