在多行中显示textview中的文本

时间:2014-07-09 12:35:49

标签: android textview

我有以下布局:

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

<TextView
    android:id="@+id/decompose_year"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:paddingTop="10dp"
    android:text="06/07/2013"
    android:textSize="13sp" />

<TextView
    android:id="@+id/decompose_amount"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignBaseline="@+id/decompose_year"
    android:layout_alignBottom="@+id/decompose_year"
    android:layout_alignParentLeft="true"
    android:layout_marginLeft="55dp"
    android:paddingRight="10dp"
    android:paddingLeft="20dp"
    android:paddingTop="5dp"
    android:text="0000 0000 88888 88888 888888 88888 8888 888888"
    android:textSize="15sp" />

<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/decompose_sent"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Sent:1,200.00"
        android:textAppearance="?android:attr/textAppearanceSmall" />

    <TextView
        android:id="@+id/decompose_balance"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Balance:1,200.00"
        android:textAppearance="?android:attr/textAppearanceSmall" />
</LinearLayout>

然而,Textview @ + id / decompose_amount理想情况下应该包装其文本而不是溢出到相邻的视图。如何为该textview实现此多行行为

3 个答案:

答案 0 :(得分:1)

从TextView中删除一些标签

android:layout_alignBaseline

机器人:layout_alignBottom

机器人:layout_alignParentLeft

将ID添加到线性布局。

添加标签

机器人:layout_toRightOf = “@ + ID / decompose_year”

机器人:layout_toLeftOf = “@ + ID / linear_layout”

答案 1 :(得分:0)

首先,您必须删除android:layout_alignParentLeft="true",然后在decompose_amount TextView之前移动LinearLayout,最后设置TextView的参数android:layout_toRightOfandroid:layout_toLeftOf

答案 2 :(得分:0)

检查下面的布局可能会有效

<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal" >

    <TextView
        android:id="@+id/decompose_year"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:paddingTop="10dp"
        android:text="06/07/2013"
        android:textSize="13sp" />

    <TextView
        android:id="@+id/decompose_amount"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/decompose_year"
        android:layout_toLeftOf="@+id/line1"
        android:layout_alignParentLeft="true"
        android:layout_marginLeft="55dp"
        android:paddingLeft="20dp"
        android:paddingRight="10dp"
        android:paddingTop="5dp"
        android:text="0000 0000 88888 88888 888888 88888 8888 888888"
        android:textSize="15sp" />

    <LinearLayout
        android:id="@+id/line1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:orientation="vertical" >

        <TextView
            android:id="@+id/decompose_sent"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Sent:1,200.00"
            android:textAppearance="?android:attr/textAppearanceSmall" />

        <TextView
            android:id="@+id/decompose_balance"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Balance:1,200.00"
            android:textAppearance="?android:attr/textAppearanceSmall" />
    </LinearLayout>
</RelativeLayout>