cómo implementar el indicador de progreso circular alrededor de un botón?

Question

He intentado de muchas maneras implementar el siguiente ejemplo, pero no pude hacerlo funcionar universalmente.

Ya he completado la construcción de la pantalla siguiente. Me he alineado a la derecha y al centro vertical. y dado un cierto margen.

Mi problema es que tengo que añadir el estado onpressed para esto y tengo que añadir un progreso circular, como a continuación pantalla.

No sé cómo poner en práctica que el progreso circular en ese lugar en particular. Intenté implementar el progreso desde el centro vertical izquierdo y le di un margen y lo arreglé. pero cuando lo instalo en pantallas grandes la alineación sale mal. Así que traté de implementarlo desde el centro derecho vertical y le di margen para eso hasta ese círculo. Pero incluso eso no funcionó.

pls alguien me ayude a cabo, la forma de solucionar este problema :(

me sorprende con esto por más de una semana :(

EDIT: El código XML:

<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

He jugado con un diseño XML de muestra para obtener un efecto similar al que está buscando. Eche un vistazo a esta captura de pantalla y código.

El XML para lograr el diseño se pega a continuación. Obviamente, puedes darle el estilo que quieras.

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