Android - 具有右对齐视图的Ellipsize

时间:2012-07-16 16:07:26

标签: android layout alignment

如何实现以下布局,TextView为TextView,其中ellipsize为end,View为wrap_content,紧邻TextView右侧?

以下是布局应如何表现的三个示例,具有不同的TextView宽度:

|[TextView] [View]              |

|[TextView TextView] [View]     |

|[TextView TextView T...] [View]|

[编辑]

以下TableLayout给出了正确的行为:

<TableLayout
    android:id="@+id/upper_layout"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true"
    android:layout_toLeftOf="@+id/alert_button"
    android:shrinkColumns="0"
    android:stretchColumns="2" >

    <TableRow>

        <TextView
            android:id="@+id/name_textview"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:ellipsize="end"
            android:includeFontPadding="false"
            android:lines="1"
            android:paddingTop="2dp"
            android:scrollHorizontally="true" />

        <TextView
            android:id="@+id/unread_count_textview"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:gravity="center"
            android:includeFontPadding="false"
            android:paddingBottom="0dp"
            android:paddingLeft="5dp"
            android:paddingRight="5dp"
            android:paddingTop="2dp" />
    </TableRow>
</TableLayout>

TableLayout使用3列,最后一个是黑客:strechColumns属性使其占用所有可用空间,因此第二个TextView始终立即位于第一列的右侧一。 由于TextView属性,第一个shrinkColumns正确地进行了椭圆化。

但是,我不喜欢使用TableLayout来实现这一目标。 有人知道更好的方法吗?

由于

2 个答案:

答案 0 :(得分:0)

试试这个(我现在无法检查,但我认为它应该有效):

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:padding="6dip" >

    <TextView
        android:id="@+id/my_txtvw_txtvw"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:ellipsize="marquee"
        android:maxLines="1" />

    <TextView
        android:id="@+id/my_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@id/my_txtvw_txtvw"
        android:maxLines="1" />

</RelativeLayout>

答案 1 :(得分:0)

试试这个:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content" >

    <TextView
        android:id="@+id/text1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_toLeftOf="@+id/my_view"
        android:ellipsize="end"
        android:maxLines="1"
        android:layout_alignParentLeft="true"
        android:text="blablabla blablabla"
        android:layout_centerVertical="true"
        android:gravity="center_vertical|left" />

    <TextView
        android:id="@+id/my_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:maxLines="1" />

</RelativeLayout>

我不确定您是否需要android:ellipsize="end"android:ellipsize="marquee"。我认为布局对你来说很好,只需要替换所需的ellipsize值。

让我知道你的进展......