jak zaimplementować okrągły wskaźnik postępu wokół przycisku?

Question

Próbowałem różnych sposobów realizacji poniższego przykładu, ale nie mogłem sprawić, żeby działał on powszechnie.

Ukończyłem już budowę poniższego ekranu. Wyrównałem prawą i środkową pionową. i biorąc pod uwagę pewien margines.

Moim problemem jest to, że trzeba dodać do tego stanu onpressed i muszę dodać okrągły postęp jak poniżej ekranu.

Nie wiem, jak wdrożyć tę okrągłą postęp w tym konkretnym miejscu. Próbowałem implementować postęp od lewej środkowej pionowej i dawałem trochę marginesu i naprawiłem go. ale gdy instaluję go na dużych ekranach, wyrównanie idzie źle. Próbowałem więc zaimplementować go z prawego środka w pionie i dawałem margines na to do tego kręgu. Ale nawet to nie zadziałało.

pls ktoś może mi pomóc, jak rozwiązać ten problem :(

Jestem uderzony to dłużej niż tydzień :(

EDIT: Kod 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

grałem około z układem próbki XML, aby uzyskać podobny efekt, że szukasz. Spójrz na to zdjęcie i kodu.

Kod XML do osiągnięcia układu jest wklejony poniżej. Oczywiście możesz go stylizować, jak chcesz.

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