我想放置一个映像视图重叠另一个imageview，左和顶角从第一个ImageView的中心开始

Question

我想定位一个图像视图（蓝色），其左上角从第二个ImageView（红色）开始。最好在约束层中。第一个红色图像视图破坏了尺寸，因为它将被拉伸以填充屏幕的一部分。挑战是找到第一个红色imageView的中心。我尝试使用指南，障碍，但他们都期望顶/底/右/右参考。如何使用XML布局完成？

Answer 1

gone 视图的宽度和高度为零，但可以位于红色矩形的中心。然后，可以通过将蓝色矩形的顶部和左侧约束到中心小部件来将其顶部/左侧放置在该中心点。

<androidx.constraintlayout.widget.ConstraintLayout 
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <View
        android:id="@+id/view1"
        android:layout_width="300dp"
        android:layout_height="400dp"
        android:background="@android:color/holo_red_light"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <View
        android:id="@+id/view2"
        android:layout_width="200dp"
        android:layout_height="300dp"
        android:background="@android:color/holo_blue_light"
        app:layout_constraintStart_toStartOf="@id/centerPoint"
        app:layout_constraintTop_toTopOf="@id/centerPoint" />

    <Space
        android:id="@+id/centerPoint"
        android:layout_width="1dp"
        android:layout_height="1dp"
        android:visibility="gone"
        app:layout_constraintBottom_toBottomOf="@id/view1"
        app:layout_constraintEnd_toEndOf="@+id/view1"
        app:layout_constraintStart_toStartOf="@id/view1"
        app:layout_constraintTop_toTopOf="@id/view1" />

</androidx.constraintlayout.widget.ConstraintLayout>

通过更改中心小部件的垂直和水平偏差，可以将位置放置在红色矩形内的任何位置。