Question

我正在尝试设置一个布局，将用于ListActivity的每一行。每行包含左侧的灯泡图标，中间的文本，右侧的笔图标。

我找不到一个解决方案来避免中心的文本部分传递给2个图像，如果它变大的话。

以下是我在屏幕上的内容：

Actual Display

当文字很长时，它显示在灯泡图标和笔图标

上

我如何修改布局以避免它？

XML：

<RelativeLayout
    android:id="@+id/linearLayoutEquipementInfo"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="20sp"
    android:orientation="horizontal" >

    <ImageView
        android:id="@+id/equipementImage"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_margin="10sp"
        android:contentDescription="@string/status" />

    <TextView
        android:id="@+id/equipementName"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:layout_margin="10sp"
        android:gravity="center"
        android:text="title"
        android:textSize="22sp" />

    <ImageView
        android:id="@+id/equipementEdit"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_margin="1sp"
        android:background="@null"
        android:contentDescription="@string/editEquipmentName"
        android:src="@android:drawable/ic_menu_edit" />
</RelativeLayout>

Answer 1

您可以为TextView添加2个参数：

android:layout_toRightOf="@id/equipementImage"
android:layout_toLeftOf="@id/equipementEdit"

Answer 2

使用RelativeLayout属性android:layout_below，它将：

将此视图的上边缘定位在给定的锚点视图ID下方。

因此，在您的情况下，您必须在android:layout_below="@id/equipementImage"上使用TextView。

Answer 3

我想你可以在布局xml中使用权重和。

像这样。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/linearLayoutEquipementInfo"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_marginTop="20sp"
    android:weightSum="1.0"
    android:orientation="vertical" >

    <LinearLayout
        android:id="@+id/linearLayout1"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="0.1"
        android:orientation="horizontal"
        android:weightSum="1.0" >

        <ImageView
            android:id="@+id/imageView1"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="0.15"
            android:src="@drawable/ic_launcher" />

        <TextView
            android:id="@+id/textView1"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="0.70"
            android:gravity="center"
            android:text="TextView" />

        <ImageView
            android:id="@+id/imageView2"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="0.15"
            android:src="@drawable/ic_launcher" />

    </LinearLayout>

</LinearLayout>

这可能会解决您的问题。

RelativeLayout避免文本覆盖图像

3 个答案: