如何在Android中創建此進度條？

Question

我的魔杖，使這個進度條中的Android

Answer 1

創建自定義drawable爲progressbar和使用屬性android:progressDrawable設置自定義drawable。

試試這個：

<ProgressBar 
    android:id="@+id/ProgressBar" 
    style="?android:attr/progressBarStyleHorizontal" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:indeterminate="false" 
    android:maxHeight="14dip" 
    android:minHeight="14dip" 
    android:progress="75" 
    android:progressDrawable="@drawable/custom_progressbar" /> 

custom_progressbar.xml：

<?xml version="1.0" encoding="utf-8"?> 
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 

    <!-- background color --> 
    <item android:id="@android:id/background"> 
     <shape> 
      <solid android:color="#D9D9D9" /> 
      <corners android:radius="10dp"/> 
     </shape> 
    </item> 

    <!-- progress color --> 
    <item android:id="@android:id/progress"> 
     <clip> 
      <shape> 
       <solid android:color="#F1C40F" /> 
       <corners android:radius="10dp"/> 
      </shape> 
     </clip> 
    </item> 
</layer-list> 

OUTPUT：

Answer 2

使用本地進度和繪製設置爲它的 「機器人：progressDrwable」。 提拉看起來像這樣：

<!-- background --> 
<item android:id="@android:id/background"> 
    <shape> 
     <corners android:radius="4dp" /> 
     <solid android:color="#000000" /> 
    </shape> 
</item> 
<!-- progress --> 
<item android:id="@android:id/progress"> 
    <clip> 
     <shape> 
      <corners android:radius="4dp" /> 
      <solid android:color="#000000" /> 
     </shape> 
    </clip> 
</item> 
<!-- second progress --> 
<item android:id="@android:idcondaryProgress"> 
    <clip> 
     <shape> 
      <corners android:radius="4dp" /> 
      <solid android:color="#000000" /> 
     </shape> 
    </clip> 
</item>