Question

你好，有人可以帮助我，我有一个相对视图布局有5个文本视图和两个图像布局正确显示但文本变长时文本开始重叠。如何阻止文本和图像的重叠？

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



    <ImageView
        android:id="@+id/cgallareyimageView"
        android:layout_width="100dip"
        android:layout_height="80dip"
        android:layout_alignParentTop="true"
        android:layout_marginTop="0px"
        android:contentDescription="Description"

        android:src="@drawable/ic_launcher" />


<ImageView
    android:id="@+id/imageView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_centerVertical="true"
    android:src="@drawable/arrow" />

<TextView
    android:id="@+id/c_name_textView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignRight="@+id/c_id_textView"
    android:layout_centerVertical="true"
    android:text="Name"
    android:textColor="#FFFFFFFF" />

<TextView
    android:id="@+id/c_id_textView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:layout_marginRight="16dp"
    android:layout_toLeftOf="@+id/imageView1"
    android:text="ID"
    android:textColor="#FFFFFFFF" />

<TextView
    android:id="@+id/TextView01"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:layout_toRightOf="@+id/cgallareyimageView"
    android:text="Total"
    android:textColor="#FFFFFFFF" />

<TextView
    android:id="@+id/totalTextView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignLeft="@+id/TextView01"
    android:layout_below="@+id/TextView01"
    android:text="olla"
    android:textColor="#FFFFFFFF" />

<TextView
    android:id="@+id/numberofitems"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@+id/totalTextView"
    android:layout_toRightOf="@+id/cgallareyimageView"
    android:text="molla"
    android:textColor="#FFFFFFFF" />

<TextView
    android:id="@+id/TextView02"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignBaseline="@+id/numberofitems"
    android:layout_alignBottom="@+id/numberofitems"
    android:layout_toRightOf="@+id/numberofitems"
    android:text="   Items number"
    android:textColor="#FFFFFFFF" />

</RelativeLayout>

text overlapping

看起来应该是这样的：

text overlapping

Answer 1

您是否查看了TextView的ellipsize属性？

此外，看起来TextView02重叠imageView1，因此您需要向其添加android:layout_toLeftOf="@+id/imageView1"。

编辑：看起来几乎所有视图都没有正确定位。我会去Android Studio，因为布局设计师比Eclipse好得多，我假设你正在使用它。

Answer 2

您需要添加另一个Parent RelativeLayout并将TextView02从内部RelativeLayout移到外部，并将其与父版面右侧对齐。

使用此布局。

  <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:background="@color/Green">

<RelativeLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@color/DarkGreen" >


<ImageView
    android:id="@+id/cgallareyimageView"
    android:layout_width="100dip"
    android:layout_height="80dip"
    android:layout_alignParentTop="true"
    android:layout_marginTop="0px"
    android:contentDescription="Description"
    android:src="@drawable/ic_launcher" />


<ImageView
    android:id="@+id/imageView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_centerVertical="true"
    android:src="@drawable/abc_list_divider_holo_dark" />

<TextView
    android:id="@+id/c_name_textView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignRight="@+id/c_id_textView"
    android:layout_centerVertical="true"
    android:text="Name"
    android:textColor="#FFFFFFFF" />

<TextView
    android:id="@+id/c_id_textView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:layout_marginRight="16dp"
    android:layout_toLeftOf="@+id/imageView1"
    android:text="ID"
    android:textColor="#FFFFFFFF" />

<TextView
    android:id="@+id/TextView01"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:layout_toRightOf="@+id/cgallareyimageView"
    android:text="Total"
    android:textColor="#FFFFFFFF" />

<TextView
    android:id="@+id/totalTextView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignLeft="@+id/TextView01"
    android:layout_below="@+id/TextView01"
    android:text="olla"
    android:textColor="#FFFFFFFF" />

<TextView
    android:id="@+id/numberofitems"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@+id/totalTextView"
    android:layout_toRightOf="@+id/cgallareyimageView"
    android:text="molla"
    android:textColor="#FFFFFFFF" />

</RelativeLayout>

<TextView
    android:id="@+id/TextView02"
    android:layout_width="200dp"
    android:layout_height="wrap_content"
    android:text="Items number"
    android:textColor="#FFFFFFFF"
    android:layout_alignParentRight="true"
    android:layout_margin="50dp"/>

列表视图中的两个图片和5个文本视图重叠，具有相对布局

2 个答案: