Question

目前，我正在为我的聊天列表视图创建布局。布局包含一个TextView作为聊天气泡，旁边有一个TextView for timeStamp。我的布局问题是当我的文本超长时，第一个TextView将切割第二个TextView应该使用的空间。所以第二个TextView正在消失。

这是我的xml：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="left"
    android:paddingLeft="10dp"
    android:paddingRight="40dp"
    android:paddingBottom="10dp">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <TextView
            android:text="sssssssssssssssssssyssssssssssssss"
            android:padding="10dp"
            android:background="@color/grey"
            android:textColor="@color/white"
            android:textSize="15sp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/chat_bubble" />
        <TextView
            android:text="read"
            android:textSize="8sp"
            android:layout_marginLeft="5dp"
            android:layout_gravity="left|bottom"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/time_label" />
    </LinearLayout>

</LinearLayout>

Answer 1

Try this :


    <?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="wrap_content"
    android:gravity="left"
    android:maxWidth="match_parent"
    android:orientation="vertical"
    android:paddingBottom="10dp"
    android:paddingLeft="10dp"
    android:paddingRight="40dp">

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <TextView
            android:id="@+id/chat_bubble"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:padding="10dp"
            android:text="Message Long Text"
            android:textSize="15sp" />

        <TextView
           android:id="@+id/time_label"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:layout_gravity="left|bottom"
           android:layout_marginLeft="5dp"
           android:text="read"
           android:textSize="8sp" />
    </LinearLayout>

</LinearLayout>

Answer 2

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="left"
android:paddingLeft="10dp"
android:paddingRight="40dp"
android:paddingBottom="10dp">
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal">
    <TextView
        android:text="sssssssssssssssssssyssssssssssssss"
        android:padding="10dp"
        android:background="@color/grey"
        android:textColor="@color/white"
        android:textSize="15sp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:id="@+id/chat_bubble" />
    <TextView
        android:text="read"
        android:textSize="8sp"
        android:layout_marginLeft="5dp"
        android:layout_gravity="center_vertical"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/time_label" />
</LinearLayout>

用此代码替换您的代码。

Answer 3

请尝试按照xml。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="left"
    android:paddingLeft="10dp"
    android:paddingRight="40dp"
    android:paddingBottom="10dp">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <TextView
            android:text="sssssssssssssssssssyssssssssssssssssss"
            android:padding="10dp"
            android:background="@color/colorAccent"
            android:textColor="@color/colorPrimary"
            android:textSize="15sp"
            android:layout_width="0dp"
            android:layout_weight="0.90"
            android:layout_height="wrap_content"
            android:id="@+id/chat_bubble" />
        <TextView
            android:text="read"
            android:textSize="8sp"
            android:layout_marginLeft="5dp"
            android:layout_gravity="left|bottom"
            android:layout_width="0dp"
            android:layout_weight="0.10"
            android:layout_height="wrap_content"
            android:id="@+id/time_label" />
    </LinearLayout>

</LinearLayout>

Answer 4

试试这个

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="left"
android:paddingLeft="10dp"
android:paddingRight="40dp"
android:paddingBottom="10dp">


<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal">
    <TextView
        android:text="Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing"
        android:padding="10dp"
        android:background="@color/tabcolor"
        android:textColor="@color/white"
        android:textSize="15sp"
        android:layout_width="150dp"
        android:layout_height="wrap_content"
        android:id="@+id/chat_bubble" />
    <TextView
        android:text="read"
        android:textSize="8sp"
        android:layout_marginLeft="5dp"
        android:layout_gravity="left|bottom"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/time_label" />
</LinearLayout>

</LinearLayout>

嵌套线性布局内的Textview被剪切了吗？

4 个答案: