Android Material Design rounded progress_bar

Question

Я работаю над приложением, в котором используются разные индикаторы выполнения, и я хочу, чтобы они выглядели как те, что были в Google, с закругленными углами. У меня есть пользовательская вытяжка для каждого бара с различными цветами, и она округляет внешние углы, но не внутренние углы, как вы можете увидеть здесь: Моего заказом вытяжка является:

<?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="@dimen/progress_bar_rounded" /> 
      <solid android:color="@color/progressbarBackground" /> 
     </shape> 
    </item> 

    <item android:id="@android:id/progress"> 
     <clip> 
      <shape> 
       <corners android:radius="@dimen/progress_bar_rounded" /> 
       <solid android:color="@color/progressbarGreen" /> 
      </shape> 
     </clip> 
    </item> 
</layer-list> 

Апом прогресс бар код:

<ProgressBar 
    style="?android:attr/progressBarStyleHorizontal" 
    android:layout_width="fill_parent" 
    android:layout_height="@dimen/progress_bar_high" 
    android:id="@+id/GreenProgressBar" 
    android:indeterminate="false" 
    android:layout_marginLeft="15dp" 
    android:layout_gravity="center_vertical" 
    android:progressDrawable="@drawable/custom_green_progressbar" /> 

я мог бы использовать некоторые библиотеки, как https://github.com/akexorcist/Android-RoundCornerProgressBar, но это такая простая вещь, я думаю, что подмигнули не стоит. Я также смотрел на разные темы, но ничего не работало для меня. Любая идея, без необходимости работать с изображениями .9.png, если это возможно?

Большое спасибо!

Answer 1

Используйте scale тег, а не clip:

<?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="@dimen/progress_bar_rounded" /> 
      <solid android:color="@color/progressbarBackground" /> 
     </shape> 
    </item> 

    <item android:id="@android:id/progress"> 
     <scale android:scaleWidth="100%" android:useIntrinsicSizeAsMinimum="true"> 
      <shape> 
       <corners android:radius="@dimen/progress_bar_rounded" /> 
       <solid android:color="@color/progressbarGreen" /> 
       <size android:width="@dimen/progress_bar_rounded"/> 
      </shape> 
     </scale> 
    </item> 
</layer-list>