如何设计listview的列表项

Question

我有一个列表视图，每行有两个文本标签和三个图像按钮。在视觉上，我希望每一行看起来像这样：

但是我无法在布局中使用它。这就是我现在正在做的事情。即使两个标签显示正常，按钮也不会显示，因为我想要它们。

问题

如何在样机中对齐按钮？

<TextView
    android:id="@+id/color_name"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:paddingBottom="15dip"
    android:paddingLeft="5dip"
    android:paddingTop="15dip"
    android:textColor="#000000"
    android:textSize="16dip"
    android:layout_toRightOf="@+id/track_no"/>

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_alignLeft="@id/shade_count"
    android:layout_below="@id/shade_count"
    android:gravity="center_vertical"
    android:orientation="horizontal" >

    <TextView
        android:id="@+id/shade_count"
        style="@style/ListSubtitleText"
        android:textColor="#ff868686"
        android:layout_width="0dp"
        android:layout_weight="1"
        android:paddingLeft="5dip"
        android:singleLine="true" />
</LinearLayout>

    <ImageButton
        android:id="@+id/star"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/star"/>

    <ImageButton
        android:id="@+id/share"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#000000"
        android:src="@drawable/share"/>

    <ImageButton
        android:id="@+id/delete"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/delete" />

Answer 1

试试这个

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

        <LinearLayout
            android:id="@+id/linearLayout1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_alignParentTop="true"
            android:layout_marginLeft="4dp"
            android:layout_marginTop="1dp"
            android:orientation="vertical" >

            <TextView
                android:id="@+id/textView1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Red Color" 
                android:textColor="#000000"                    
                android:paddingLeft="5dip"
                android:textSize="16dip"
                android:paddingTop="15dip"/>

            <TextView
                android:id="@+id/textView2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"        
                android:text="this color has 20 shodes" 
                android:textColor="#ff868686"
                android:paddingLeft="5dip"
                android:paddingTop="15dip"/>
        </LinearLayout>

        <LinearLayout
            android:id="@+id/linearLayout2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:layout_marginTop="15dp"
            android:orientation="horizontal" >

            <ImageButton
                android:id="@+id/imageButton1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:paddingTop="15dip"
                android:src="@drawable/star" />

            <ImageButton
                android:id="@+id/imageButton2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:paddingTop="15dip"
                android:src="@drawable/share" />

            <ImageButton
                android:id="@+id/imageButton3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:paddingTop="15dip"
                android:src="@drawable/delete" />
        </LinearLayout>

    </LinearLayout>

Answer 2

试试这个： -

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

        <LinearLayout
            android:id="@+id/linearLayout1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="4dp"
            android:layout_marginTop="1dp"
            android:orientation="vertical" >

            <TextView
                android:id="@+id/textView1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:paddingLeft="5dip"
                android:paddingTop="15dip"
                android:text="Red Color"
                android:textColor="#000000"
                android:textSize="16dip" />

            <TextView
                android:id="@+id/textView2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:paddingLeft="5dip"
                android:paddingTop="15dip"
                android:text="this color has 20 shodes"
                android:textColor="#ff868686" />
        </LinearLayout>

        <RelativeLayout
            android:id="@+id/relativeLayout2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_alignParentTop="true"
            android:layout_marginRight="38dp" >

            <ImageView
                android:id="@+id/imageButton1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/star" />

            <ImageView
                android:id="@+id/imageButton2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_toRightOf="@+id/imageButton1"
                android:src="@drawable/share" />

            <ImageView
                android:id="@+id/imageButton3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_toRightOf="@+id/imageButton2"
                android:src="@drawable/delete" />
        </RelativeLayout>

    </RelativeLayout>