如何使用 ConstraintLayout 中的 BaseLine Constraint Handle 水平对齐两个 TextView Android

Question

我在 Android 中阅读了 ConstraintLayout，现在我有不同大小的 TextView，但我想使用 BaseLine 约束水平对齐两个文本视图的内容处理。如何在 xml 布局中实现这一点？

这是我的layout.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
   xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:app="http://schemas.android.com/apk/res-auto"
   xmlns:tools="http://schemas.android.com/tools"
   android:layout_width="match_parent"
   android:layout_height="match_parent">

   <ImageView
      android:id="@+id/image"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:src="@mipmap/ic_launcher"/>

   <TextView
      android:id="@+id/text1"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="Hello World"
      app:layout_constraintLeft_toRightOf="@+id/image"
      app:layout_constraintTop_toBottomOf="@+id/image"
      android:layout_marginStart="24dp"
      android:layout_marginLeft="24dp"/>

   <TextView
      android:layout_width="wrap_content"
      android:layout_height="100dp"
      app:layout_constraintLeft_toRightOf="@+id/text1"
      android:textSize="50sp"
      android:text="Big Text"
      android:layout_marginStart="24dp"
      android:layout_marginLeft="24dp" />

</android.support.constraint.ConstraintLayout>

Answer 1

这可以在布局编辑器中设置，方法是将所需 TextView 的基线句柄拖动到另一个 TextView 的基线。

或

这可以在 xml 中使用 app:layout_constraintBaseline_toBaselineOf 属性

进行设置

app:layout_constraintBaseline_toBaselineOf="@+id/text1"

Constraint Layout

Useful link on Constraint Layout

如何使用 ConstraintLayout 中的 BaseLine Constraint Handle 水平对齐两个 TextView Android

How to align two TextView's horizontally using the BaseLine Constraint Handle in ConstraintLayout Android

android

android-constraintlayout