xmlファイルを使用してこのタイプのプログレスバーをアンドロイドで実装する方法

Question

どのようにグロー効果を適用しますか？

このタイプの水平線を作成しようとしていますが、開始点としての輝きの効果については考えていません。

はここ

<?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

グロー効果は、透明性とPNGドロワブルあるグラデーションカラーのための私のコードです。現在のプロセスの右側に配置されています。

カスタムビューの進行状況バーを作成します。

Answer 2

また、レイアウトにImageViewを追加することもできます。進行状況バーのドロワブルを作成します。次に、コードで2つのレイヤーを持つImageViewを描画します。最初のレイヤーは背景になり、2番目のレイヤーはノブになります。触れたようにビューを更新するには、イメージビューのonTouch Listenerに再描画コードを書き込んでください。

Answer 3

グローイングヘッドにはpng画像を使用できます。レイヤーリスト内に<ビットマップ>タグを使用して、それを右揃えにします。私は完全に別のアプリケーション

<?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>