android - 如何让两个图像和一个 TextView 在一个条中具有相同的高度并填充整个宽度？

Question

我正在尝试创建一个菜单标题，其中一张图片在左侧，另一张在右侧，标题在中间。标题很长，所以需要将文本换行。

我试图让两张不同大小的图像缩放到一个小正方形，然后让文本填充在中心空间中。我还想使用 RelativeLayout 而不是 TableLayout。

<RelativeLayout
    android:id="@+id/RelativeLayout02"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">
    <ImageView
        android:id="@+id/ImageView_MenuHeader_Left"
        android:src="@drawable/iu"
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"
        android:maxWidth="@dimen/square_menus"  
        android:maxHeight="@dimen/square_menus"
        android:layout_alignBottom="@+id/ImageView_MenuHeader_Right"
        android:adjustViewBounds="true"
        android:scaleType="fitStart"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"  />
    <ImageView
        android:id="@+id/ImageView_MenuHeader_Right"
        android:src="@drawable/iu2"
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content" 
        android:scaleType="fitStart"
        android:adjustViewBounds="true"  
        android:maxHeight="@dimen/square_menus"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"  />
    <TextView
        android:id="@+id/HelpTitle"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:maxHeight="@dimen/square_menus"
        android:adjustViewBounds="true"
        android:text="@string/help_title"
        android:textSize="17sp"
        android:shadowColor="@android:color/white"
        android:shadowDx="0"
        android:shadowDy="0"
        android:shadowRadius="10"
        android:layout_alignParentTop="true"
        android:layout_alignBaseline="@id/ImageView_MenuHeader_Right"
        android:layout_toRightOf="@id/ImageView_MenuHeader_Left"
        android:layout_toLeftOf="@id/ImageView_MenuHeader_Right"
        android:textColor="@color/menu_title_color" />
    </RelativeLayout>

现在这段代码生成的是正确的图像，它看起来不像正方形，宽度大于高度。左图的底部也比 textview 高，我真的希望它们都具有相同的高度，所以这三个看起来都像顶部的条形。

如有任何帮助，我们将不胜感激。

Answer 1

the right image doesn't look like a square, the width is larger than the height.

为右边的ImageView添加android:maxHeight="@dimen/square_menus"

The bottom of the left image is also higher than the textview

添加 android:layout_alignBottom="@+id/ImageView_MenuHeader_Leftt" 到 TextView

您可能想考虑更改布局 :-)