TextView在RelativeLayout中重疊ImageView

Question

我有一個在getView中膨脹的listitem.xml ，用於視頻列表。 當txtTitle很長時，它與右邊的arrowImage重疊，覆蓋它。

有什么建議可以避免嗎？ 如何在新行上返回標題的文字？

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="@drawable/list_selector"
android:orientation="horizontal"
android:padding="5dip" >


<ImageView
    android:id="@+id/imgIcon"
    android:background="@drawable/image_bg"
    android:layout_width="109dp"
    android:layout_height="68dp"
    android:scaleType="fitXY"
    android:padding="3dip"/>

    <TextView
        android:id="@+id/txtTitle"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="#b0b0b0"
        android:layout_centerVertical="true"
        android:layout_toRightOf="@+id/imgIcon"
        android:typeface="sans"
        android:textSize="12dip"
        android:layout_marginLeft="6dip"
        android:layout_marginRight="6dip"
        android:paddingRight="10dip"
        android:textStyle="bold" />


    <ImageView    
    android:id="@+id/arrowImage"
    android:src="@drawable/arrow"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_centerVertical="true"
    android:padding="3dip"
    android:paddingLeft="10dip"
    android:paddingRight="10dip" />

   </RelativeLayout>

Answer 1

使用復合drawable 。
圖像將位於TextView內部，因此它不會被文本覆蓋，因為它在TextView中有自己的保留空間。

請注意， 較少的視圖（和/或布局）=更好的表現 （這是一個教條 ）。

刪除ImageView並在TextView中設置：

android:drawableTop|Left|Right|Bottom="@drawable/your_image"

在你的情況下，

android:drawableLeft="@drawable/your_image"

和

android:drawableRight="@drawable/arrow_image"

---

要以編程方式設置復合drawable（一旦引用TextView），只需使用setCompoundDrawablesWithIntrinsicBounds()方法分配一個或多個復合圖像，如下所述： http ： //developer.android.com/reference /android/widget/TextView.html#setCompoundDrawablesWithIntrinsicBounds(int,int,int,int ）

---

順序是： 左 ，上， 右 ，下

Answer 2

你能試試這段代碼嗎？

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

    <LinearLayout
        android:id="@+id/linearLayout1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_toLeftOf="@+id/relativeLayout1"
        android:orientation="horizontal" >

        <ImageView
            android:id="@+id/imgIcon"
            android:background="@drawable/image_bg"
            android:layout_width="109dp"
            android:layout_height="68dp"
            android:scaleType="fitXY"
            android:padding="3dip"/>

        <TextView
            android:id="@+id/txtTitle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_alignParentTop="true"
            android:layout_marginLeft="5dp"
            android:textColor="#b0b0b0"
            android:typeface="sans"
            android:textSize="12dip"
            android:textStyle="bold" />
    </LinearLayout>

    <RelativeLayout
        android:id="@+id/relativeLayout1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true" >

        <ImageView
            android:id="@+id/arrowImage"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:src="@drawable/arrow" />
    </RelativeLayout>

</RelativeLayout>

Answer 3

試試這段代碼

在TextView中添加代碼

android:layout_toLeftOf="@+id/arrowImage" 
android:layout_toRightOf="@+id/imgIcon"

最終代碼

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"
  android:background="@drawable/list_selector"
  android:orientation="horizontal"
  android:padding="5dip" >

          <ImageView
             android:id="@+id/imgIcon"
             android:background="@drawable/image_bg"
             android:layout_width="109dp"
             android:layout_height="68dp"
             android:scaleType="fitXY"
             android:padding="3dip"/>

         <TextView
             android:id="@+id/txtTitle"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:textColor="#b0b0b0"
             android:layout_centerVertical="true"
             android:layout_toRightOf="@+id/imgIcon"
             android:layout_toLeftOf="@+id/arrowImage"
             android:typeface="sans"
             android:textSize="12dip"
             android:layout_marginLeft="6dip"
             android:layout_marginRight="6dip"
             android:paddingRight="10dip"
             android:textStyle="bold" />

         <ImageView    
             android:id="@+id/arrowImage"
             android:src="@drawable/arrow"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_alignParentRight="true"
             android:layout_centerVertical="true"
             android:padding="3dip"
             android:paddingLeft="10dip"
             android:paddingRight="10dip" />

</RelativeLayout>