Android TextViews重叠

时间:2018-08-31 11:20:19

标签: android textview overlap

我有一个带有多个TextView的RelativeLayout,其中的动态内容在某些情况下会重叠:Overlappping TextViews

第一个例子是有问题的,另外两个是正确的。对于第一个解决方案,首选的解决方案是将日期换行。但是我无法解决此问题,同时无法将其他两个示例保留在3个TextView的2行中。 (由于文本是动态的,因此所有3个示例都必须具有相同的Xml源代码)

我制作了一个带有静态内容的示例Xml以在设计编辑器中对其进行测试:

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

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal"
                android:paddingBottom="5dp"
                android:paddingLeft="10dp"
                android:paddingRight="10dp"
                android:paddingTop="7dp">

    <ImageView
        android:id="@+id/tl_team_image"
        android:layout_width="65dp"
        android:layout_height="70dp"
        android:scaleType="fitCenter"/>

    <TextView
        android:id="@+id/tl_team_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:layout_toRightOf="@+id/tl_team_image"
        android:text="Lorem ipsum dolor sit amet consectetur"
        android:textSize="60sp"/>

    <TextView
        android:id="@+id/tl_location_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/tl_team_view"
        android:layout_marginLeft="10dp"
        android:layout_toRightOf="@+id/tl_team_image"
        android:text="Location Number 1"
        android:textSize="50sp"/>

    <TextView
        android:id="@+id/tl_place_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/tl_team_view"
        android:layout_marginLeft="10dp"
        android:layout_toRightOf="@+id/tl_location_view"
        android:gravity="right"
        android:text="Some Very Longplace"
        android:textSize="50sp"/>

    <TextView
        android:id="@+id/tl_date_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/tl_location_view"
        android:layout_marginLeft="10dp"
        android:layout_toRightOf="@+id/tl_team_image"
        android:paddingBottom="2dp"
        android:text="Tomorrow (August 31, 4 p.m.)"
        android:textSize="50sp"/>
</RelativeLayout>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal"
                android:paddingBottom="5dp"
                android:paddingLeft="10dp"
                android:paddingRight="10dp"
                android:paddingTop="7dp">

    <ImageView
        android:id="@+id/tl_team_image2"
        android:layout_width="65dp"
        android:layout_height="70dp"
        android:scaleType="fitCenter"/>

    <TextView
        android:id="@+id/tl_team_view2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:layout_toRightOf="@+id/tl_team_image2"
        android:text="Lorem ipsum dolor sit amet consectetur"
        android:textSize="60sp"/>

    <TextView
        android:id="@+id/tl_location_view2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/tl_team_view2"
        android:layout_marginLeft="10dp"
        android:layout_toRightOf="@+id/tl_team_image2"
        android:text="Location Number 1"
        android:textSize="50sp"/>

    <TextView
        android:id="@+id/tl_place_view2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/tl_team_view2"
        android:layout_marginLeft="10dp"
        android:layout_toRightOf="@+id/tl_location_view2"
        android:gravity="right"
        android:text="A Short Place"
        android:textSize="50sp"/>

    <TextView
        android:id="@+id/tl_date_view2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/tl_location_view2"
        android:layout_marginLeft="10dp"
        android:layout_toRightOf="@+id/tl_team_image2"
        android:paddingBottom="2dp"
        android:text="Tomorrow (August 31, 4 p.m.)"
        android:textSize="50sp"/>
</RelativeLayout>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal"
                android:paddingBottom="5dp"
                android:paddingLeft="10dp"
                android:paddingRight="10dp"
                android:paddingTop="7dp">

    <ImageView
        android:id="@+id/tl_team_image3"
        android:layout_width="65dp"
        android:layout_height="70dp"
        android:scaleType="fitCenter"/>

    <TextView
        android:id="@+id/tl_team_view3"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:layout_toRightOf="@+id/tl_team_image3"
        android:text="Lorem ipsum dolor sit amet consectetur"
        android:textSize="60sp"/>

    <TextView
        android:id="@+id/tl_location_view3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/tl_team_view3"
        android:layout_marginLeft="10dp"
        android:layout_toRightOf="@+id/tl_team_image3"
        android:text="Location Number 1"
        android:textSize="50sp"/>

    <TextView
        android:id="@+id/tl_place_view3"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/tl_team_view3"
        android:layout_marginLeft="10dp"
        android:layout_toRightOf="@+id/tl_location_view3"
        android:gravity="right"
        android:text="Some Very Longplace"
        android:textSize="50sp"/>

    <TextView
        android:id="@+id/tl_date_view3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/tl_location_view3"
        android:layout_marginLeft="10dp"
        android:layout_toRightOf="@+id/tl_team_image3"
        android:paddingBottom="2dp"
        android:text="September 21, 4 p.m."
        android:textSize="50sp"/>
</RelativeLayout>

1 个答案:

答案 0 :(得分:0)

检查您的第三个TextView。应将其放置在第二 textview下面,而当前将其放置在第一 textview下面,因此可以重叠,并且对您的 4th同样适用 textview

<ImageView
    android:id="@+id/tl_team_image"
    android:layout_width="65dp"
    android:layout_height="70dp"
    android:scaleType="fitCenter"/>

<TextView
    android:id="@+id/tl_team_view"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginLeft="10dp"
    android:layout_toRightOf="@+id/tl_team_image"
    android:text="Lorem ipsum dolor sit amet consectetur"
    android:textSize="60sp"/>

<TextView
    android:id="@+id/tl_location_view"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@+id/tl_team_view"
    android:layout_marginLeft="10dp"
    android:layout_toRightOf="@+id/tl_team_image"
    android:text="Location Number 1"
    android:textSize="50sp"/>

<TextView
    android:id="@+id/tl_place_view"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/tl_location_view"
    android:layout_marginLeft="10dp"
    android:layout_toRightOf="@+id/tl_location_view"
    android:gravity="right"
    android:text="Some Very Longplace"
    android:textSize="50sp"/>

<TextView
    android:id="@+id/tl_date_view"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@+id/tl_place_view"
    android:layout_marginLeft="10dp"
    android:layout_toRightOf="@+id/tl_team_image"
    android:paddingBottom="2dp"
    android:text="Tomorrow (August 31, 4 p.m.)"
    android:textSize="50sp"/>