cách triển khai chỉ báo tiến trình tròn xung quanh nút?

Question

Tôi đã thử nhiều cách thực hiện ví dụ dưới đây, nhưng tôi không thể làm cho nó hoạt động phổ biến.

Tôi đã hoàn thành việc xây dựng màn hình dưới đây. Tôi đã căn chỉnh thẳng đứng và giữa. và đưa ra một số lợi nhuận.

Vấn đề của tôi là tôi có thêm tình trạng onpressed cho điều này và tôi cần phải thêm một tiến bộ tròn như dưới đây chụp màn hình.

Tôi không biết cách triển khai tiến trình vòng tròn đó ở địa điểm cụ thể đó. Tôi đã cố gắng thực hiện tiến trình từ trung tâm bên trái theo chiều dọc và cho một số lề và cố định nó. nhưng khi tôi cài đặt nó trong màn hình lớn, sự liên kết bị sai. Vì vậy, tôi đã cố gắng thực hiện nó từ trung tâm bên phải dọc và đã cho margin cho rằng cho đến khi vòng tròn đó. Nhưng ngay cả điều đó cũng không hiệu quả.

pls ai giúp tôi ra, làm thế nào để khắc phục vấn đề này :(

Tôi đang xảy ra với điều này trong hơn một tuần :(

EDIT: Mã 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

Tôi đã chơi xung quanh với một bố cục XML mẫu để có được hiệu ứng tương tự mà bạn đang tìm kiếm. Hãy xem ảnh chụp màn hình và mã này

XML để đạt được bố cục được dán bên dưới. Rõ ràng bạn có thể tạo kiểu cho nó theo ý bạn.

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