web-dev-qa-db-fra.com

Comment ajouter une bordure autour de TableLayout?

Voici mon code de table. Mon écran ressemble à ceci http://imgur.com/dFP298o mais je veux qu'il ressemble à ceci http://imgur.com/YuYJiJx . Comment puis-je ajouter des bordures autour de chaque ligne et autour de la disposition du tableau?

<TableLayout
    Android:id="@+id/table2"
    Android:layout_width="fill_parent"
    Android:layout_below="@+id/test_button_text23"
    Android:layout_marginLeft="45dp"
    Android:layout_marginBottom="25dp"
    Android:layout_marginRight="45dp"    
    Android:layout_height="fill_parent"
    Android:stretchColumns="*" >

    <TableRow
        Android:layout_width="match_parent"
        Android:layout_height="match_parent" >

        <TextView
            Android:gravity="left"
            Android:text="Quantity"
            Android:textStyle="bold" />

        <TextView
            Android:gravity="center"
            Android:textStyle="bold"
            Android:text="Item" />

    </TableRow>

</TableLayout>     

<?xml version="1.0" encoding="utf-8"?>
<TableRow xmlns:Android="http://schemas.Android.com/apk/res/Android"
    Android:layout_width="match_parent"
    Android:layout_height="match_parent" >

    <TextView
        Android:id="@+id/localTime"
        Android:textColor="#000000"
        Android:gravity="left" />

    <TextView
        Android:id="@+id/apprentTemp"
        Android:textColor="#000000"
        Android:gravity="center" />

</TableRow>

View row = getLayoutInflater().inflate(R.layout.rows, null);
((TextView) row.findViewById(R.id.localTime)).setText(item.getString("Item"));
((TextView) row.findViewById(R.id.apprentTemp)).setText(item.getString("Quantity"));
16
user2589245

Afin de créer une bordure autour de vos lignes de tableau et autour de la disposition du tableau, vous devez créer un dessinable pour servir de bordure, puis le définir comme arrière-plan de vos lignes.

Par exemple:

res/drawable/border.xml

<?xml version="1.0" encoding="utf-8"?>
<shape
   xmlns:Android="http://schemas.Android.com/apk/res/Android"
   Android:shape= "rectangle">
   <solid Android:color="#ffffff"/>
   <stroke Android:width="1dp" Android:color="#000000"/>
</shape>

res/layout/your_layout.xml

<TableLayout
     Android:id="@+id/table2"
     Android:layout_width="fill_parent"
     Android:layout_below="@+id/test_button_text23"
     Android:layout_marginLeft="45dp"
     Android:layout_marginBottom="25dp"
     Android:layout_marginRight="45dp"
     Android:layout_height="fill_parent"
     Android:stretchColumns="*">

     <TableRow
          Android:layout_width="match_parent"
          Android:layout_height="match_parent"
          Android:background="@drawable/border">

           <TextView
              Android:gravity="left"
              Android:text="Quantity"
              Android:background="@drawable/border"
              Android:textStyle="bold"/>

           <TextView
              Android:gravity="center"
              Android:textStyle="bold"
              Android:background="@drawable/border"
              Android:text="Item" />

     </TableRow>

</TableLayout>  

Cela ne ressemblera pas exactement à l'image que vous avez publiée, mais jouez avec pour obtenir ce que vous voulez.

32
bean