如何使用 ConstraintLayout Android 中的基线约束句柄水平对齐两个 TextView。



我已经阅读了Android中的ConstraintLayout,现在我有不同大小的TextView,但我想使用基线约束句柄水平对齐两个文本视图的内容。如何在xml布局中实现这一点?

这是我的布局.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>
这可以通过在

布局编辑器中通过将所需文本视图的基线手柄拖动到另一个文本视图的基线来设置。

这可以使用 app:layout_constraintBaseline_toBaselineOf 属性在 xml 中进行设置

app:layout_constraintBaseline_toBaselineOf="@+id/text1"

约束布局

关于约束布局的有用链接

最新更新