视图未在 LinearLayout 上对齐顶部

Question

我有一个 LinearLayout，它的 XML 是：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:layout_gravity="center"
    android:orientation="horizontal"
    tools:context=".MainActivity">

    <Button
        android:id="@+id/button3"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="Button" />

    <Button
        android:id="@+id/button2"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="3"
        android:text="Button" />

    <Button
        android:id="@+id/button"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="2"
        android:text="Button" />
</LinearLayout>

结果是：

您可以看到左上角的按钮距顶部有一点边距，但代码显示没有边距。 为什么会这样？

还有一个奇怪的解决方案，如果您将gravity:top 设置为所有按钮，您将获得预期的结果。但是为什么甚至需要它，因为linearlayout(horiz) 应该开始从左上角到右上角添加项目。

Answer 1

我参考了一些文档和 SO 线程来寻找解决方案，因为这个问题对我来说似乎很有趣。

终于找到原因了。

默认情况下，水平的LinearLayout 对齐其所有子控件的基线。因此，多行按钮中的第一行文本与其他按钮中的单行文本垂直对齐。

要禁用此行为，请在 LinearLayout 上设置 android:baselineAligned="false"。

这个答案的所有功劳归于@Karu：https://stackoverflow.com/a/8290258/4211264

Answer 2

这是由于第一个按钮中的文本换行造成的。其他两个按钮在屏幕上占用了太多的匹配空间。第一个按钮尝试通过自动包装留在屏幕上。我不知道你的任务是什么。如果您想将按钮保留在一行中，请尝试在所有按钮上使用 layout_weight = 1。

Answer 3

这是因为您为每个按钮赋予了不同的权重。你需要给每个按钮同等的权重。用这个替换你的布局文件代码。

<LinearLayout 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"
android:layout_gravity="center"
android:orientation="horizontal"
tools:context=".MainActivity">

<Button
    android:id="@+id/button3"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:text="Button" />

<Button
    android:id="@+id/button2"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:text="Button" />

<Button
    android:id="@+id/button"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:text="Button" />