¿Cómo establecer divisor entre columnas en tablelayout?

Question

Quiero crear una tabla con divisores de columna. Quiero dividir mis columnas con una imagen de barra vertical. Para lograr esto he usado "android:divider="@drawable/abc" pero no está funcionando. A continuación se muestra mi archivo XML para la misma:

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="horizontal" 
    android:stretchColumns="*" 
    android:padding="5dip" 
android:divider="@drawable/tracking_green" 
> 
<TableRow > 

<TextView 
    android:id="@+id/retaileritem1" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:layout_weight="1" 
    android:text="xxxxxxx" /> 

<TextView 
    android:id="@+id/retaileritem2" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:layout_weight="1" 
    android:text="xxxxxxx" /> 

<ImageView 
    android:id="@+id/retailerimage1" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:layout_weight="1" 
    android:src="@drawable/tracking_green" /> 

</TableRow> 

Answer 1

desde TableLayout no proporciona directamente, de una manera posibble podría ser un FrameLayout. coloque la tabla deseada sobre otra background_table que solo tenga una fila y "match_parent" para altura/ancho. agregue 3 columnas con los layout_weights deseados. agregue divisor-imagen vertical a la segunda columna. la tabla principal también debe usar el mismo margen layout_weihts + en sus filas para verse bien.

divisor horizontal posiblemente se podría realizar mediante la adición de una vista de la imagen entre las tablas a "ser separadas".

no determinado todavía, sólo un enfoque

ornay

Answer 2

Añadir androide: showDividers = "medio"

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="horizontal" 
    android:stretchColumns="*" 
    android:padding="5dip" 
    android:divider="@drawable/tracking_green" 
    android:showDividers="middle" 
> 

Answer 3

En una lista con un divisor vertical de utilizar el ImageView de la siguiente manera:

<ImageView 
    android:id="@+id/divider" 
    android:contentDescription="@string/divider" 
    android:layout_width="1dp" 
    android:layout_height="65dp" 
    android:layout_marginTop="8sp" 
    android:background="#3B3B3B" 
    /> 

Para evitar mostrar un divisor cuando no hay elementos en la lista, puede deletrear e la línea android:background="#3B3B3B" y configurarlo mediante programación:

Answer 4

lo que quería es una tabla como ésta

añadí esto en mi 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> 

.......... 
....... 
...... 

Answer 5

Este es como lo hice!

CÓDIGO

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

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

       <TextView 
        android:id="@+id/textView4" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_gravity="center" 
        android:layout_weight="1" 
        android:paddingBottom="50dp" 
        android:text="Salary Details" 
        android:textAppearance="?android:attr/textAppearanceLarge" 
        android:textStyle="bold" /> 

       <TableLayout 
        android:layout_width="wrap_content" 
        android:layout_height="match_parent" 
        android:layout_weight="1" 
        android:shrinkColumns="0" 
        android:stretchColumns="1" > 

        <TableRow 
         android:layout_width="match_parent" 
         android:layout_height="match_parent" 
         android:layout_gravity="center_vertical" > 

         <TextView 
          android:layout_gravity="center_vertical" 
          android:gravity="left" 
          android:text="Financial Year" 
          android:textColor="@android:color/white" 
          android:textSize="14sp" 
          android:textStyle="bold" /> 

         <Spinner 
          android:id="@+id/spnSearchByCity" 
          android:layout_width="fill_parent" 
          android:layout_height="40dp" 
          android:layout_gravity="center_vertical" 
          android:entries="@array/year" 
          tools:listitem="@android:layout/simple_spinner_dropdown_item" /> 
        </TableRow> 
       </TableLayout> 

       <LinearLayout 
        android:layout_width="match_parent" 
        android:layout_height="match_parent" 
        android:background="#d30059" 
        android:orientation="vertical" 
        android:paddingTop="50dp" > 

        <TableLayout 
         android:layout_width="match_parent" 
         android:layout_height="wrap_content" > 

         <TableRow 
          android:id="@+id/tableRow1" 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:background="@android:color/white" > 

          <TextView 
           android:id="@+id/textView1" 
           android:layout_width="wrap_content" 
           android:layout_height="wrap_content" 
           android:layout_marginBottom="1dp" 
           android:layout_marginLeft="1dp" 
           android:layout_marginTop="1dp" 
           android:layout_weight="1" 
           android:background="#d30059" 
           android:gravity="center" 
           android:text="Month" 
           android:textAppearance="?android:attr/textAppearanceMedium" /> 

          <TextView 
           android:id="@+id/textView2" 
           android:layout_width="wrap_content" 
           android:layout_height="wrap_content" 
           android:layout_marginBottom="1dp" 
           android:layout_marginLeft="1dp" 
           android:layout_marginTop="1dp" 
           android:layout_weight="1" 
           android:background="#d30059" 
           android:gravity="center" 
           android:text="Net Salary" 
           android:textAppearance="?android:attr/textAppearanceMedium" /> 

          <TextView 
           android:id="@+id/textView3" 
           android:layout_width="wrap_content" 
           android:layout_height="wrap_content" 
           android:layout_marginBottom="1dp" 
           android:layout_marginLeft="1dp" 
           android:layout_marginRight="1dp" 
           android:layout_marginTop="1dp" 
           android:layout_weight="1" 
           android:background="#d30059" 
           android:gravity="center" 
           android:text="Click" 
           android:textAppearance="?android:attr/textAppearanceMedium" /> 
         </TableRow> 

         <TableRow 
          android:id="@+id/tableRow2" 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:background="@android:color/white" > 

          <TextView 
           android:layout_width="wrap_content" 
           android:layout_height="wrap_content" 
           android:layout_marginBottom="1dp" 
           android:layout_marginLeft="1dp" 
           android:layout_weight="1" 
           android:background="#d30059" 
           android:gravity="center" 
           android:text="Jan" 
           android:textAppearance="?android:attr/textAppearanceMedium" /> 

          <TextView 
           android:layout_width="wrap_content" 
           android:layout_height="wrap_content" 
           android:layout_marginBottom="1dp" 
           android:layout_marginLeft="1dp" 
           android:layout_weight="1" 
           android:background="#d30059" 
           android:gravity="center" 
           android:text="11305" 
           android:textAppearance="?android:attr/textAppearanceMedium" /> 

          <LinearLayout 
           android:layout_width="match_parent" 
           android:layout_height="wrap_content" 
           android:layout_marginBottom="1dp" 
           android:layout_marginLeft="1dp" 
           android:layout_marginRight="1dp" 
           android:layout_weight="1" 
           android:background="#d30059" 
           android:gravity="center" 
           android:orientation="vertical" > 

           <TextView 
            android:id="@+id/txtDetailsOneId" 
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content" 
            android:layout_weight="1" 
            android:background="#000000" 
            android:text="DETAILS" 
            android:textAppearance="?android:attr/textAppearanceMedium" /> 
          </LinearLayout> 
         </TableRow> 

         <TableRow 
          android:id="@+id/tableRow3" 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:background="@android:color/white" > 

          <TextView 
           android:layout_width="wrap_content" 
           android:layout_height="wrap_content" 
           android:layout_marginBottom="1dp" 
           android:layout_marginLeft="1dp" 
           android:layout_weight="1" 
           android:background="#d30059" 
           android:gravity="center" 
           android:text="Feb" 
           android:textAppearance="?android:attr/textAppearanceMedium" /> 

          <TextView 
           android:layout_width="wrap_content" 
           android:layout_height="wrap_content" 
           android:layout_marginBottom="1dp" 
           android:layout_marginLeft="1dp" 
           android:layout_weight="1" 
           android:background="#d30059" 
           android:gravity="center" 
           android:text="11405" 
           android:textAppearance="?android:attr/textAppearanceMedium" /> 

          <LinearLayout 
           android:layout_width="match_parent" 
           android:layout_height="wrap_content" 
           android:layout_marginBottom="1dp" 
           android:layout_marginLeft="1dp" 
           android:layout_marginRight="1dp" 
           android:layout_weight="1" 
           android:background="#d30059" 
           android:gravity="center" 
           android:orientation="vertical" > 

           <TextView 
            android:id="@+id/txtDetailsTwoId" 
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content" 
            android:layout_weight="1" 
            android:background="#000000" 
            android:text="DETAILS" 
            android:textAppearance="?android:attr/textAppearanceMedium" /> 
          </LinearLayout> 
         </TableRow> 

         <TableRow 
          android:id="@+id/tableRow4" 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" > 
         </TableRow> 
        </TableLayout> 
       </LinearLayout> 
      </LinearLayout> 

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

       <Button 
        android:id="@+id/btnMainMenuId" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_gravity="center" 
        android:layout_marginTop="5dp" 
        android:text="MAIN MENU" 
        android:textColor="@android:color/white" 
        android:textSize="12sp" /> 
      </LinearLayout> 
     </LinearLayout> 

---

Snapshot

Answer 6

try establezca la segunda TextView MarginLeft = 1DP. si no desea el divisor establecido marginleft = 0dp