Android自定义列表视图垂直条集成在现有列表视图中

时间:2014-03-27 14:57:48

标签: android listview android-listview

我正在尝试在自定义列表视图前面集成一个垂直彩色条。我不能成功,我希望有人能帮助我。

没有彩条的正确方法: Correct way

上图的XML代码:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:padding="4dp" >

    <TextView
        android:id="@+id/subject"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textStyle="bold" />

    <TextView
        android:id="@+id/relation"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="@color/default_green"
        android:textSize="16sp"
        android:textStyle="bold" />

    <TextView
        android:id="@+id/ticketDepartmentName"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="#999999"
        android:textSize="14sp"
        android:textStyle="bold" />

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >

        <TextView
            android:id="@+id/ticketDueDate"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/color_transparent"
            android:gravity="center_horizontal"
            android:textColor="@color/red"
            android:textStyle="bold" />

        <RelativeLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal" >

            <TextView
                android:id="@+id/priority"
                android:layout_width="90dp"
                android:layout_height="wrap_content"
                android:layout_marginRight="3dp"
                android:layout_toLeftOf="@id/status"
                android:background="@drawable/default_button"
                android:gravity="center_horizontal"
                android:textColor="#ffffff" />

            <TextView
                android:id="@+id/status"
                android:layout_width="90dp"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:background="@drawable/salesdesk_button"
                android:gravity="center_horizontal"
                android:textColor="#ffffff" />
        </RelativeLayout>
    </LinearLayout>

</LinearLayout>

可以在这里找到一个不错的尝试,但不能正常工作: My go

2 个答案:

答案 0 :(得分:0)

您总是可以添加一个带有垂直条图像的图像视图,其中所需的颜色位于另一个根水平的LinearLayout内。

答案 1 :(得分:0)

试试这个..

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

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >

        <TextView
            android:id="@+id/colorBar"
            android:layout_width="4dp"
            android:layout_height="match_parent"
            android:background="#478848" />

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

            <TextView
                android:id="@+id/subject"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="Text1"
                android:textStyle="bold" />

            <TextView
                android:id="@+id/relation"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="Text2"
                android:textSize="16sp"
                android:textStyle="bold" />

            <TextView
                android:id="@+id/ticketDepartmentName"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="Text3"
                android:textColor="#999999"
                android:textSize="14sp"
                android:textStyle="bold" />

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal" >

                <TextView
                    android:id="@+id/ticketDueDate"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="0.4"
                    android:text="Text4"
                    android:textStyle="bold" />

                <LinearLayout
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="0.6"
                    android:orientation="horizontal" >

                    <TextView
                        android:id="@+id/priority"
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center"
                        android:layout_weight="1"
                        android:background="#F89407"
                        android:gravity="center"
                        android:text="priority"
                        android:textColor="#ffffff" />

                    <TextView
                        android:id="@+id/status"
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center"
                        android:layout_weight="1"
                        android:background="#478948"
                        android:gravity="center"
                        android:text="status"
                        android:textColor="#ffffff" />
                </LinearLayout>
            </LinearLayout>
        </LinearLayout>
    </LinearLayout>

</LinearLayout>