LinearLayout:如何正确包装较长的文本而没有换行符

时间:2016-07-21 07:59:53

标签: android android-layout android-linearlayout android-layout-weight

这是我目前列表视图的行布局:

<?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="horizontal">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:layout_marginLeft="5dp"
        android:text="99.99.9999"
        android:layout_weight="0.2"/>

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:layout_weight="0.6">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:padding="10dp"
            android:text="This is a correct looking text"
            android:id="@+id/txtComment"/>
    </LinearLayout>

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="0.2">
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="right"
            android:layout_marginTop="10dp"
            android:textStyle="bold"
            android:layout_marginRight="5dp"
            android:text="-1234,56" />
    </LinearLayout>
</LinearLayout>

问题出在ID为txtComment的TextView中。对于包含常规换行符的短文本内容和文本内容,一切都很好看。

但是只要有一个没有换行符的长文本,Android仍会包装文本,但也会更改周围LinearLayout的权重,以便压缩左右文本视图。

如何确保对于没有换行符的长文本,Android仍然尊重元素的权重?

显示问题的屏幕截图:

Short text Longer text with line breaks Longer text without line breaks

5 个答案:

答案 0 :(得分:2)

试试这个,

权重无法正常工作,因为您已将宽度设置为wrap_content。将其更改为0dp

<TextView
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_marginTop="10dp"
    android:layout_marginLeft="5dp"
    android:text="99.99.9999"
    android:layout_weight="0.2"/>

<LinearLayout
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:layout_weight="0.6">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="10dp"
        android:text="This is a correct looking text"
        android:id="@+id/txtComment"/>
</LinearLayout>

<LinearLayout
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_weight="0.2">
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="right"
        android:layout_marginTop="10dp"
        android:textStyle="bold"
        android:layout_marginRight="5dp"
        android:text="-1234,56" />
</LinearLayout>

答案 1 :(得分:1)

您只需将${COSTS}设置为您设置权重的android:layout_width="wrap_content"

android:layout_width="0dip"

enter image description here

答案 2 :(得分:0)

问题是,布局工作正常:-)您将权重设置为20%,60%和20%,这正是在最后一种情况下发生的情况。

此外,您应该在使用android:layout_width="0dp"权重时设置LineraLayout

答案 3 :(得分:0)

在根元素中:android:weightSum="1"

在您的子元素android:layout_width="0dp"

答案 4 :(得分:0)

有更好,更清洁的方法来实现这一目标:

<android.support.v7.widget.GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_centerHorizontal="true"
    android:padding="4dp"
    app:alignmentMode="alignBounds"
    app:columnCount="3"
    app:rowOrderPreserved="false"
    app:useDefaultMargins="true">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="5dp"
        android:layout_marginTop="10dp"
        android:text="99.99.9999"
        app:layout_gravity="fill_horizontal" />

    <TextView
        android:id="@+id/txtComment"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:padding="10dp"
        android:text="This is a correct looking textThis is a correct looking textThis is a correct looking textThis is a correct looking textThis is a correct looking text"
        app:layout_columnWeight="3"
        app:layout_gravity="fill_horizontal" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginRight="5dp"
        android:layout_marginTop="10dp"
        android:gravity="right"
        android:text="-1234,56"
        android:textStyle="bold"
        app:layout_gravity="fill_horizontal" />
</android.support.v7.widget.GridLayout>

另外,请不要忘记添加您的gradle文件:

compile 'com.android.support:gridlayout-v7:24.1.0'

enter image description here