如何在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>