如何使多个视图具有相同的宽度？

Question

作为更大 UI 的一部分，我有一个 RelativeLayout，其中包含三个我希望具有相同宽度的视图。三个视图像这样“堆叠”在彼此之上

1. ImageView
2. TextView
3. ImageView

我尝试了各种方法，例如将Views' android:layout_width 设置为“wrap_content”，将android:layout_width 设置为“0px”，将android:layout_weight 设置为“1”，如this answer 所建议的那样，以及将Views 放在LinearLayout 中没有成功。

如何让这三个视图的宽度相同？

布局xml的相关部分：

<RelativeLayout
    android:layout_width="fill_parent"
    android:layout_height="0px"
    android:layout_weight="1">
        <ImageView
            android:layout_above="@string/window_text"
            android:layout_below="@string/eighteen_id"
            android:layout_height="wrap_content"
            android:layout_width="wrap_content"
            android:paddingTop="5dp"
            android:layout_alignParentRight="true"
            android:paddingBottom="5dp"
            android:src="@drawable/line1"
            android:id="@string/line_1_id"/>
        <TextView
            android:layout_above="@string/line_2_id"
            android:layout_height="wrap_content"
            android:layout_width="fill_parent"
            android:gravity="right"
            android:layout_centerVertical="true"
            android:textColor="#000000"
            android:id="@string/window_text"/>
        <ImageView
            android:layout_above="@string/top_row_id"
            android:layout_height="wrap_content"
            android:layout_width="wrap_content"
            android:layout_alignParentRight="true"
            android:paddingTop="5dp"
            android:paddingBottom="10dp"
            android:src="@drawable/line1"
            android:id="@string/line_2_id"/>
</RelativeLayout>

Answer 1

这很简单，见下文。 “魔法”很简单。将父视图设置为 wrap_content，将子视图设置为填充父视图。然后，较小的子视图总是被设置为最大子视图的大小。

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

    <LinearLayout
        android:id="@+id/bottom_row"
        android:orientation="vertical"
        android:layout_alignParentBottom="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >

        <Button
            android:id="@+id/view1"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="123" />

        <Button
            android:id="@+id/view2"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="more text" />

         <Button
            android:id="@+id/view3"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="even more text" />
    </LinearLayout>
</RelativeLayout>

Answer 2

您是否尝试为两个图像视图设置 android:layout_width="fill_parent"，就像为 TextView 设置一样？如果您希望三个视图的宽度是最宽的，您可以将所有三个视图包装在具有 android:layout_width="wrap_content" 的 LinearLayout 中。

Answer 3

您可以通过在 ImageView 中设置 android:scaleType="" 来让图像视图填充父宽度，但是如果文本没有填充屏幕宽度并且您希望图像宽度与文本宽度完全匹配，您'必须以编程方式获取文本视图宽度，然后将图像视图的宽度设置为该宽度。