2011-09-19 171 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>