如何在我的 android 布局中将多个图像视图堆叠在一起？

Question

基本上，我是 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，但没有任何解决办法。请帮忙。

Answer 1

您可以使用 ConstraintLayout 并添加

    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent"

所有子视图。这样，它将使所有视图居中

如何在我的 android 布局中将多个图像视图堆叠在一起？

How to stack multiple imageviews on top of eachother on my android layout?

xml

layout

android