视图未对齐到 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

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

Answer 2

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

<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" />

Answer 3

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

终于找到原因了

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

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

所有功劳归于@Karu 的回答：

视图未对齐到 LinearLayout 上的顶部

view not snapped to top on LinearLayout

android

android-linearlayout