Как создать пользовательский индикатор выполнения с изображением индикатора, например whatsapp?

Question

Я создал файл XML с именем customprogressbar.xml в вашем res-> Drawable папку:

<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 

    <!-- Define the background properties like color etc --> 
    <item android:id="@android:id/background"> 
    <shape> 
     <gradient 
       android:startColor="#000001" 
       android:centerColor="#0b131e" 
       android:centerY="1.0" 
       android:endColor="#0d1522" 
       android:angle="270" 
     /> 
    </shape> 
    </item> 

    <!-- Define the progress properties like start color, end color etc --> 
    <item android:id="@android:id/progress"> 
    <clip> 
     <shape> 
      <gradient 
       android:startColor="#007A00" 
       android:centerColor="#007A00" 
       android:centerY="1.0" 
       android:endColor="#06101d" 
       android:angle="270" 
      /> 
     </shape> 
    </clip> 
    </item> 
</layer-list> 

И

<ProgressBar 
    android:id="@+id/progressBar1" 
    style="?android:attr/progressBarStyleHorizontal" 
    android:progressDrawable="@drawable/custom_progressbar"   
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" /> 

Теперь у меня есть цветы, но мне нужно поставить индикатор изображения, между в заливке и остаются.

Любая идея?

Answer 1

То, на что вы смотрите, - это поисковая система, а не простая панель прогресса. Индикатор круга называется большим пальцем, и вы можете добавить любое изображение, которое вам нравится (а также пользовательский индикатор выполнения).

<SeekBar ... 
    android:thumb="@drawable/your_thumb" 
    android:progressDrawable="@drawable/progress_bar_layers" 
/> 

Answer 2

Если «индикаторное изображение» означает круглый круг, то я не уверен, что это можно сделать с помощью ProgressBar.

Это больше похоже на SeekBar, а затем ProgressBar. Они практически одинаковы, за исключением того, что SeekBar имеет атрибут «большой палец». Это может сработать для вас:

<SeekBar 
    android:id="@+id/seekBar" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:thumb="@drawable/thumb_image" 
    android:progressDrawable="@drawable/customprogressbar.xml" 
/>