如何使按钮的高度与另一个元素的高度相匹配？

Question

我想在 EditText 旁边放置一个按钮，并且希望它们的高度匹配。

例如，在内置 Android 浏览器中：

Go 按钮与 EditText 字段的高度相同。我知道我可以将这两个视图包装在父布局视图中，并将它们的高度都设置为 fill_parent，这将使它们匹配。但是，我想这样做而不必为布局指定静态大小。我宁愿让 EditText 根据字体大小采用所需的任何高度，然后让其旁边的按钮匹配可能的任何高度。

这可以通过 xml 布局实现吗？

Answer 1

大概 EditText 和 Button 位于 RelativeLayout 内。将按钮的布局属性设置为 EditText 的 alignTop 和 alignBottom。

Answer 2

您需要将 EditText 设为 wrap_content 的高度，并将 Button 设为 fill_parent。您需要将它们都包装在 Layout 父级中。这样它们就与相同的 Layout 父级相关联。

尝试一下，看看效果如何，如果有帮助请告诉我。如果没有，也许我可以给你一些代码来帮助你。

Answer 3

你想要的是相对布局。带有一些注释的示例如下：

我们从这个 RelativeLayout 作为父级开始。这样就可以包裹所有内容了。
在该父级中，我们放置了 2 个元素，即示例中的按钮和 editText。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

我们首先将 Button 元素放置在右上角。这就是 layout_alignParentRight 和 layout_alignParentTop 的全部内容。同样，这是最大的元素，因此我们将使用 wrap_content 来包裹所有内容的高度和宽度。

<Button
    android:id="@+id/Button1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_alignParentTop="true"
    android:text="some_text" />

现在，我们想要将第二个元素 editText 与前一个元素的左侧对齐，使用带有 layout_toLeftOf 参数的 id 引用来完成此操作。

<EditText
    android:id="@+id/EditText1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_toLeftOf="@+id/Button1"
    android:hint="some_hint"
    android:inputType="textCapWords" />

关闭RelativeLayout，然后渲染它，看看您可能已经得到了什么。

</RelativeLayout>

由于 editText 的高度较小，因此与放置在其旁边的按钮不匹配。解决方案是添加更多布局参数。您正在寻找的神奇元素是 layout_alignBottom 和 layout_alignParentTop。

   android:layout_alignBottom="@+id/Button1"
    android:layout_alignParentTop="true"

添加这两个，你就得到了正确的布局。

Answer 4

随着 ConstraintLayout 的引入，使用 match-constraint 属性这个任务变得更加简单