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

右图像看起来不像正方形，宽度大于高度。

为android:maxHeight="@dimen/square_menus"

添加ImageView

左图的底部也高于textview

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

您可能需要考虑更改布局： - ）

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

1 个答案: