模仿Gmail应用标签列表

时间:2012-10-28 23:40:36

标签: android android-layout

我正在尝试为我的ListView项目构建一个类似于Gmail应用程序标签列表的布局,其中左侧是标签文本,右侧是计数。除了长篇文章外,我的作品主要是作品。我得到的结果是文本与计数重叠。

这就是我想模仿的:

enter image description here

正如您所看到的,底部标签没有包裹顶部标签的位置(有关详细信息,请参见下文)。

当两个标签都有计数时,每行的计数阵容:

enter image description here

我拥有的东西应该是最后一个项目的3显示,但它正在重叠。此外,我希望每行的“计数”TextView与Gmail应用程序的排列方式相同(中心,右对齐,我猜?):

enter image description here

布局代码:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"  
    android:layout_height="fill_parent" 
    android:orientation="horizontal" 
    android:weightSum="1"       
>

    <TextView 
        android:id="@+id/text"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:padding="10dp"
        android:gravity="left"
        android:layout_weight=".75"
    />

    <TextView 
        android:id="@+id/count"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:gravity="right|center_vertical" 
        android:padding="10dp"
        android:layout_weight=".25"
    />
</LinearLayout>

我知道当您使用layout_weight时,您应该将layout_width设置为0px,但是,这会导致每一行都在同一位置被截止。如果它比计数TextView更长,我只想要文本换行。

我对Android布局并不擅长,我认为使用它们非常令人沮丧,所以这可能很简单。感谢。

2 个答案:

答案 0 :(得分:1)

您应该能够使用RelativeLayout代替LinearLayout来阻止视图重叠,使用layout_toRightOflayout_toLeftOf XML属性来定位视图相对彼此。

答案 1 :(得分:0)

想出来。我需要将android:layout_toLeftOf="@+id/count"添加到Ernir上面回答的第一个TextView