Android 如何在按钮周围实现循环进度指示器？

我已经尝试了许多方法来实现下面的示例，但我无法使其普遍适用

我已经完成了下面屏幕的构建。我已经把右边和中心垂直对齐了。并给予一定的余地

我的问题是我必须为此添加

onpressed

状态，我需要添加一个循环进度，如下面的屏幕截图所示

我不知道如何在那个特定的地方实施循环式进展。我试着从左中心垂直执行进度，并给了一些余量，然后修复了它。但是当我把它安装在大屏幕上时，校准就出错了。所以我试着从垂直的右中心开始执行它，并给它留边直到那个圆。但即使这样也不行

请有人帮我解决这个问题：(

一个多星期以来，我一直在思考这个问题：(

编辑： 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" />

---

我使用了一个示例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>

请将您的XML布局文件显示给我们。您是否可以将按钮和进度条包装成相对布局，然后将两者设置为在其父级中居中，以便它们的中间始终对齐？您好@brianestey，谢谢您的回复。我上传的第一张图像是一张图像。我需要将其分开吗？如果需要，我需要如何分开？我已将加载和第一个条带放置在相对布局中。我添加了一个答案，概述了我所描述的内容。如果有帮助，请接受它作为答案。