Android - 约束布局 - 如何将视图居中于其他视图的边缘

Android

约束布局是一种用于在Android应用中创建灵活且自适应的用户界面的布局管理器。它允许我们通过将视图之间的关系定义为约束来创建复杂的布局。在这篇文章中，我们将讨论如何使用约束布局将视图居中于其他视图的边缘。

在约束布局中，我们可以使用约束来定义视图相对于其他视图或父容器的位置。要将视图居中于其他视图的边缘，我们可以使用水平和垂直居中约束。

水平居中约束

要将视图在水平方向上居中于其他视图的边缘，我们可以将视图的左侧和右侧约束到其他视图的左侧和右侧，并将视图的宽度设置为固定值或使用百分比。

垂直居中约束

要将视图在垂直方向上居中于其他视图的边缘，我们可以将视图的顶部和底部约束到其他视图的顶部和底部，并将视图的高度设置为固定值或使用百分比。

下面是一个示例代码，演示如何将一个TextView视图水平和垂直居中于其他视图的边缘：

XML
<Androidx.constrAIntlayout.widget.ConstrAIntLayout XMLns:Android="http://schemas.Android.com/apk/res/Android"</p>    XMLns:app="http://schemas.Android.com/apk/res-auto"
    Android:layout_width="match_parent"
    Android:layout_height="match_parent">
    <TextView</p>        Android:id="@+id/textView"
        Android:layout_width="wrap_content"
        Android:layout_height="wrap_content"
        Android:text="Hello World!"
        Android:textSize="24sp"
        app:layout_constrAIntStart_toStartOf="@+id/otherView"
        app:layout_constrAIntEnd_toEndOf="@+id/otherView"
        app:layout_constrAIntTop_toTopOf="@+id/otherView"
        app:layout_constrAIntBottom_toBottomOf="@+id/otherView" />
    <View</p>        Android:id="@+id/otherView"
        Android:layout_width="200dp"
        Android:layout_height="200dp"
        Android:background="#FF0000"
        app:layout_constrAIntTop_toTopOf="parent"
        app:layout_constrAIntBottom_toBottomOf="parent"
        app:layout_constrAIntStart_toStartOf="parent"
        app:layout_constrAIntEnd_toEndOf="parent" />
</Androidx.constrAIntlayout.widget.ConstrAIntLayout>

在上面的示例中，我们在约束布局中放置了一个TextView和一个View。TextView被设置为水平和垂直居中于View的边缘。为了实现这一点，我们使用了layout_constrAIntStart_toStartOf和layout_constrAIntEnd_toEndOf属性将TextView的左侧和右侧约束到View的左侧和右侧，使用了layout_constrAIntTop_toTopOf和layout_constrAIntBottom_toBottomOf属性将TextView的顶部和底部约束到View的顶部和底部。

这样，TextView将始终位于View的中心位置，无论View的大小和位置如何改变。

约束布局是一种强大的布局管理器，可以用于创建复杂的用户界面。通过使用水平和垂直居中约束，我们可以将视图居中于其他视图的边缘。在上面的例子中，我们展示了如何使用约束布局将一个TextView视图水平和垂直居中于另一个View的边缘。这种方法可以确保视图始终保持在中心位置，即使其他视图的大小和位置发生变化。