android - 重叠文本视图

Question

xml file 

    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">

    <LinearLayout 
    android:id="@+id/thumbnail" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignParentLeft="true" 
    android:layout_marginRight="5dip" 
    android:padding="3dip">
   <ImageView 
      android:id="@+id/icon" 
      android:layout_width="80dip" 
      android:layout_height="80dip" 
      android:layout_gravity="top" 
      android:contentDescription="@string/app_name" 
      android:src="@drawable/high" /> 
   </LinearLayout>

   <TextView 
      android:id="@+id/newsaddress" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignTop="@+id/icon" 
      android:layout_toRightOf="@+id/icon" 
      android:layout_marginLeft="75dip" 
      android:layout_centerVertical="true" 
      android:paddingBottom="9dip" 
      android:text="Cebu City" 
      android:textColor="#040404" 
      android:textSize="25dip" 
      android:textStyle="bold" 
      android:typeface="sans" /> 

   <TextView 
      android:id="@+id/newsdate" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_below="@+id/newsaddress" 
      android:layout_alignLeft="@+id/newsaddress" 
      android:layout_alignBottom="@+id/icon" 
      android:paddingTop="5dip" 
      android:layout_centerHorizontal="true" 
      android:text="January 1 2000" 

      android:textColor="#343434" 
      android:textSize="15dip" /> 
    <TextView 
      android:id="@+id/newstitle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentRight="true" 
      android:layout_centerVertical="true" 
      android:layout_marginRight="20dip" 
      android:layout_alignTop="@+id/newsaddress" 
      android:text="Fire" 
      android:textSize="30dip" /> 
   </RelativeLayout>

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


    <ListView
        android:id="@+id/newslist"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        />

    </LinearLayout>

我有这个带有图像和几个文本视图的列表视图我的问题是当文本太长时它们相互重叠我尝试了几个像这样的帖子如何调整文本字体大小以适应 textview和这个Auto Scale TextView Text to Fit in Bounds但他们确实为我工作我怎么能解决这个问题这是这个程序的结果重叠文本来自第二个文本视图

Answer 1

你有几个小问题。

这些行将无法正常工作：

  android:layout_alignTop="@+id/icon" 
  android:layout_toRightOf="@+id/icon

您不能从 LinearLayout 内部引用 id 来在相对布局中排列内容，即使它们都在同一个大布局中。

我改变了一些布局，并放入了一些更大的字符串来测试它，并改变了你的一些填充，因为它很可能因为图标的东西而有点古怪。

这是我使用的代码。我确定它不完全是您想要的，但我认为它指出了如何解决一些问题。

<?xml version="1.0" encoding="utf-8"?>

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

<LinearLayout
        android:id="@+id/thumbnail"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_marginRight="5dip"
        android:padding="3dip">
    <ImageView
            android:id="@+id/icon"
            android:layout_width="80dip"
            android:layout_height="80dip"
            android:layout_gravity="top"
            android:contentDescription="@string/app_name"
            android:background="@color/white" />
</LinearLayout>

<TextView
android:id="@+id/newsaddress"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignTop="@+id/thumbnail"
android:layout_toRightOf="@+id/thumbnail"
android:layout_marginLeft="2dp"
android:layout_centerVertical="true"
android:paddingBottom="0dip"
android:text="Cebu City in the south of france"
android:textColor="#040404"
android:textSize="25dip"
android:textStyle="bold"
android:typeface="sans" />

<TextView
android:id="@+id/newsdate"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/newsaddress"
android:layout_alignLeft="@+id/newsaddress"
android:paddingTop="1dip"
android:layout_centerHorizontal="true"
android:text="January 1 2000"

android:textColor="#343434"
android:textSize="15dip" />
<TextView
android:id="@+id/newstitle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:layout_marginRight="20dip"
android:layout_below="@id/newsdate"
android:text="Fire is exploding all around us now"
android:textSize="30dip" />
        </RelativeLayout>