は、現在のプログレスバーの位置にある項目を追加 - カスタムプログレスバー

Question

を作成し、私はこのようになりますカスタムプログレスバーを作成しようとしています：

を「私は、レイアウトを作成するために管理しますが、私はドンその円を現在のprogressBar進行位置に配置する方法を知っています。誰もこれを達成する方法を知っていますか？

私のxmlレイアウトは次のようになります。私も、私は進行中のアイテムに別の楕円形を入れてみました透明背景 ためのLinearLayoutを追加、またはのために他の形状を作成

<!-- Define the background properties like color etc --> 
<item android:id="@android:id/background"> 
    <shape> 
     <solid android:color="#ffffff" /> 
     <corners android:radius="1dip" /> 
    </shape> 
</item> 

<!-- Define the progress properties like start color, end color etc --> 
<item android:id="@android:id/progress"> 
    <clip> 
     <shape> 
      <solid android:color="#42cbf4" 
       android:width="40dp"/> 
     </shape> 
    </clip> 
</item> 

secondProgress、しかし何も働かなかった。

Answer 1

私が探していたものが見つかりました。 ProgressBarの代わりにSeekBarを使用しました。これはのサムが必要です。 custom_progress_bar.xml

<?xml version="1.0" encoding="UTF-8"?> 

<gradient 
    android:angle="270" 
    android:endColor="#026b91" 
    android:startColor="#026b91" /> 

<size 
    android:height="30dp" 
    android:width="30dp" /> 

：

をカスタマイズするために、私は同じレイアウトを使用して、親指のために、私はこのスニペットを使用：

thumb.xml

私のプログレスバーにそれらのカスタマイズを追加するための

<!-- Define the background properties like color etc --> 
<item android:id="@android:id/background"> 
    <shape> 
     <solid android:color="#ffffff" /> 
     <corners android:radius="1dip" /> 
    </shape> 
</item> 

<!-- Define the progress properties like start color, end color etc --> 
<item android:id="@android:id/progress"> 
    <clip> 
     <shape> 
      <solid android:color="#42cbf4" 
       android:width="40dp"/> 
     </shape> 
    </clip> 
</item> 

、私はこのコードを使用：詳細については

<SeekBar 
    android:id="@+id/seekBar" 
    android:thumb="@drawable/thumb" 
    android:progressDrawable="@drawable/custom_progress_bar" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" /> 

を、私は Custom seekbar (thumb size, color and background)

Answer 2

ProgressBarのこのタイプが呼び出される「シークバーを」、およびそれの多くの実装がオンラインにあります は今のところ、それはこのようになります。検索で「シーク」と入力してThe Android Arsenalに検索することもできます。ちなみに、私はサイト上にシンプルで美しいものを見つけました。あなたはそれを見つけることができますhere。