How to set divider between columns in tablelayout?

后端 未结 7 1873
南旧
南旧 2020-12-10 06:07

I want to create a table with column dividers. I want to divide my columns with a vertical bar image. To achieve this I have used \"android:divider=\"@drawable/abc\"

相关标签:
7条回答
  • 2020-12-10 06:50

    What i wanted is a table like this

    table image with vertical dividers

    I added this in my styles.xml

        <style name="Divider">
            <item name="android:layout_width">1dip</item>
            <item name="android:layout_height">match_parent</item>
            <item name="android:background">@color/divider_color</item>
        </style>
    
        <style name="Divider_invisible">
            <item name="android:layout_width">1dip</item>
            <item name="android:layout_height">match_parent</item>
        </style>
    
    Then in my table layout 
    
     <TableLayout
                android:id="@+id/table"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal"
                android:stretchColumns="*" >
    
                <TableRow
                    android:id="@+id/tableRow1"
                    android:layout_width="fill_parent"
                    android:layout_height="match_parent"
                    android:background="#92C94A" >
    
                    <TextView
                        android:id="@+id/textView11"
                        android:paddingBottom="10dp"
                        android:paddingLeft="5dp"
                        android:paddingRight="5dp"
                        android:paddingTop="10dp" />
    
                    <LinearLayout
                        android:layout_width="1dp"
                        android:layout_height="match_parent" >
    
                        <View style="@style/Divider_invisible" />
                    </LinearLayout>
    
                    <TextView
                        android:id="@+id/textView12"
                        android:paddingBottom="10dp"
                        android:paddingLeft="5dp"
                        android:paddingRight="5dp"
                        android:paddingTop="10dp"
                        android:text="@string/main_wo_colon"
                        android:textColor="@color/white"
                        android:textSize="16sp" />
    
                    <LinearLayout
                        android:layout_width="1dp"
                        android:layout_height="match_parent" >
    
                        <View style="@style/Divider" />
                    </LinearLayout>
    
                    <TextView
                        android:id="@+id/textView13"
                        android:paddingBottom="10dp"
                        android:paddingLeft="5dp"
                        android:paddingRight="5dp"
                        android:paddingTop="10dp"
                        android:text="@string/side_wo_colon"
                        android:textColor="@color/white"
                        android:textSize="16sp" />
    
                    <LinearLayout
                        android:layout_width="1dp"
                        android:layout_height="match_parent" >
    
                        <View style="@style/Divider" />
                    </LinearLayout>
    
                    <TextView
                        android:id="@+id/textView14"
                        android:paddingBottom="10dp"
                        android:paddingLeft="5dp"
                        android:paddingRight="5dp"
                        android:paddingTop="10dp"
                        android:text="@string/total"
                        android:textColor="@color/white"
                        android:textSize="16sp" />
                </TableRow>
    
                <!-- display this button in 3rd column via layout_column(zero based) -->
    
                <TableRow
                    android:id="@+id/tableRow2"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:background="#6F9C33" >
    
                    <TextView
                        android:id="@+id/textView21"
                        android:padding="5dp"
                        android:text="@string/servings"
                        android:textColor="@color/white"
                        android:textSize="16sp" />
    
                    <LinearLayout
                        android:layout_width="1dp"
                        android:layout_height="match_parent" >
    
                        <View style="@style/Divider" />
                    </LinearLayout>
    
    ..........
    .......
    ......
    
    0 讨论(0)
提交回复
热议问题