基本上，我对 android 开发还很陌生，我正在尝试制作一个 android 布局，该布局的中心有多个图像堆叠在一起。每个图像必须能够独立于其他图像（我已经实现）自行旋转，理想情况下，它们都将共享同一个中心。目前我有 4 个这样的图像（两个 ImageViews 和两个 ProgressBars），但只有列表中的前两个图像居中，其余图像分散在屏幕上：

This is how it looks in the preview,and how its supposed to look like

This is how it actually looks like in the emulator

这是这部分的 XML：

<RelativeLayout
    android:layout_width="760dp"
    android:layout_height="804dp"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintHorizontal_bias="0.5"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintVertical_bias="0.767">

    <ProgressBar
        android:id="@+id/progressBar"
        android:layout_width="559dp"
        android:layout_height="521dp"
        android:layout_gravity="center"
        android:indeterminateonly="false"
        android:layout_centerVertical="true"
        android:layout_centerHorizontal="true"
        android:progressDrawable="@drawable/circlebar"
        tools:progress="60" />


    <ProgressBar
            android:id="@+id/imageView3"
            android:layout_width="445dp"
            android:layout_height="503dp"
            android:layout_gravity="center"
            android:indeterminateonly="false"
            android:layout_centerVertical="true"
            android:layout_centerHorizontal="true"
            android:progressDrawable="@drawable/circleblue"
            tools:progress="80" />


    <ImageView
        android:id="@+id/imageView5"
        android:layout_width="406dp"
        android:layout_height="454dp"
        android:layout_centerInParent="true"
        android:layout_gravity="center"
        android:scaleType="centerInside"
        android:src="@drawable/pointerbig1" />

    <ImageView
        android:id="@+id/arrow1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:layout_gravity="center"
        android:scaleType="centerInside"
        android:src="@drawable/arrow" />


</RelativeLayout>

我已经尝试了所有我能想到的方法都无济于事。前两个元素似乎重叠得很好，但其余元素会分散，我不确定是什么原因造成的。我试过以多种方式将它们居中，我试过把它变成一个 FrameLayout 并且没有什么能解决它。 请帮忙。