Jak zaimplementować ten typ paska postępu w systemie Android przy użyciu pliku xml

Question

Jak zastosować efekt blasku?

Próbuję stworzyć ten typ poziomy ProgressBar, ale nie mam pojęcia o efektach świecących jako punkt początkowy postępu.

Oto mój kod koloru gradientu

<?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="0dip" /> 

     <solid android:color="#ff9d9e9d"/> 
     </shape> 
    </item> 
    <item android:id="@android:id/secondaryProgress"> 
     <clip> 
      <shape> 
       <corners android:radius="5dip" /> 

      <gradient 
        android:angle="180" 
        android:startColor="#8872f8fc" 
        android:endColor="#886dc0e3" /> 
      </shape> 
     </clip> 
    </item> 
    <item android:id="@android:id/progress"> 
     <clip> 
      <shape> 
       <corners android:radius="5dip" /> 

       <gradient 
        android:angle="180" 
        android:startColor="#31c6f7" 
        android:centerColor="#2ea6d1" 
        android:endColor="#2884a6" /> 
      </shape> 
     </clip> 
    </item> 

</layer-list> 

Answer 1

Efekty żarowe są png z przezroczystością kanału alfa. Umieszczony na górze prawej strony bieżącego procesu.

Utwórz niestandardowy pasek postępu widoku.

Answer 2

Alternatywnie możesz dodać ImageView do swojego układu. Utwórz rysunki dla pasków postępu. Następnie narysuj wewnątrz ImageView za pomocą 2 warstw według kodu. Pierwsza warstwa to tło, a druga warstwa to gałka. Napisz przerysowany kod do onTouch Listenera widoku obrazu, aby zaktualizować widok jako dotknięty.

Answer 3

Możesz użyć obrazu png do świecącej głowy. Użyj znacznika bitmap> < wewnątrz listy warstw i wyrównaj ją do prawej. Zrobiłem coś podobnego do zupełnie innej aplikacji

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

<item> 
    <shape> 
     <gradient 
      android:angle="270" 
      android:endColor="#4C4C4C" 
      android:startColor="#303030" /> 

     <stroke 
      android:width="0dp" 
      android:color="#000000" /> 

     <corners android:radius="0dp" /> 

     <padding 
      android:bottom="0dp" 
      android:left="5dp" 
      android:right="0dp" 
      android:top="0dp" /> 
    </shape> 
</item> 
<item> 
    <bitmap 
     android:antialias="true" 
     android:gravity="right|bottom|fill_vertical" 
     android:src="@drawable/spinner_down_arrow" /> 
</item> 

</layer-list>