ボタンの周りに円形進捗インジケータを実装する方法は？

Question

私は以下の例を実装する多くの方法を試しましたが、普遍的に機能させることはできませんでした。

私は既に以下の画面の作成を完了しています。私は右とセンター垂直に揃えています。多少のマージンがある。

私の問題は、私はこのためにonpressed状態を追加する必要があり、私はスクリーンショット以下のような円形の進捗状況を追加する必要があります。

私は、その特定の場所でその円形進展を実装する方法がわかりません。私は左センターの垂直から進捗を実装しようとし、いくつかの余裕を与え、それを固定しました。しかし、私は大きな画面にそれをインストールすると、配置が間違っています。だから私は右の中心から垂直方向に実装しようとし、その円まで余裕を持たせました。しかし、それでもうまくいきませんでした。 XMLコード：

誰かがこの問題を解決する方法を、私を助け:(

私は一週間以上もこれで打ってる:(

EDIT

PLS

<ProgressBar 
     android:id="@+id/ProgressBar01" 
     android:layout_width="60dp" 
     android:layout_height="60dp" 
     android:layout_alignParentRight="true" 
     android:layout_centerVertical="true" 
     android:background="@drawable/circular_progress" 
     android:layout_marginRight="185dp" 
     android:progress="50" /> 

    <ImageButton 
     android:id="@+id/imageView1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentRight="true" 
     android:layout_centerVertical="true" 
     android:background="@null" 
     android:src="@drawable/tap_to_capture" /> 

    <TextView 
     android:id="@+id/textView1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentRight="true" 
     android:layout_centerVertical="true" 
     android:text="@string/tap_to_cap" 
     android:textSize="12sp" 
     android:textColor="#006666" 
     android:layout_marginRight="25dp" 
     android:textAppearance="?android:attr/textAppearanceSmall" /> 

Answer 1

サンプルのXMLレイアウトを使って、探しているのと同じ効果を得ました。このスクリーンショットとコードを見てください。

レイアウトを実現するためのXMLは以下のとおりです。もちろん、好きなようにスタイルを設定することもできます。

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content"> 

    <RelativeLayout 
     android:id="@+id/RelativeLayoutLeftButton" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" > 

     <ProgressBar 
      android:id="@+id/progressBar1" 
      style="?android:attr/progressBarStyleLarge" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_centerInParent="true" /> 

     <ImageButton 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_centerInParent="true" 
      android:background="@android:color/transparent" 
      android:src="@drawable/ic_play" /> 
    </RelativeLayout> 

    <TextView 
     android:id="@+id/textView1" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_centerVertical="true" 
     android:layout_toRightOf="@+id/RelativeLayoutLeftButton" 
     android:text="Click Here" 
     android:textAppearance="?android:attr/textAppearanceSmall" 
     android:textColor="#006666" 
     android:textSize="12sp" /> 

</RelativeLayout>