RelativeLayout的基线是什么？

Question

在相对布局的上下文中使用时，“基线”是指什么？可能是一个简单的问题，但文档和谷歌没有提示。

Answer 1

术语baseline comes from typography。这是文本中隐藏的行号。

例如，假设您将两个TextView元素放在一起。你给第二个TextView一个大填充（比如20dp）。如果将layout_alignBaseline添加到第二个元素，则文本将“向上”以与第一个元素的基线对齐。两个元素的文本看起来好像都写在同一条不可见的行上。

<RelativeLayout
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >
  <TextView
      android:id="@+id/text1"
      android:text="aatlg"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      />
  <TextView
      android:text="joof"
      android:background="#00ff00"
      android:padding="20dp"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_toRightOf="@id/text1"
      android:layout_alignBaseline="@id/text1"
      />
</RelativeLayout>

Answer 2

这是一个可视化的解释，可以澄清克里斯蒂安的答案：

<RelativeLayout
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >
    <TextView
        android:id="@+id/text1"
        android:text="Lorem"
        android:background="@android:color/holo_blue_light"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    <TextView
        android:text="Ipsum"
        android:background="@android:color/holo_orange_light"
        android:padding="20dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@id/text1"
        android:layout_alignBaseline="@id/text1" />
</RelativeLayout>

此代码如下所示：

现在，如果我删除了android:layout_alignBaseline属性，则相同的布局如下所示：

有趣的是观察到橙色视图的高度会受到影响（在第一种情况下，填充不应用于视图的顶部）。

Answer 3

基线是文本视图文本下方的一行。