web-dev-qa-db-ja.com

TableLayoutの周りに境界線を追加する方法は?

以下は私のテーブルコードです。私の画面はこのように見えます http://imgur.com/dFP298o しかし、私はそれをこのようにしたいです http://imgur.com/YuYJiJx 。各行とテーブルレイアウトの周りに境界線を追加するにはどうすればよいですか?

<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

テーブルの行とテーブルレイアウトの周りに境界線を作成するには、境界線として機能するドロアブルを作成し、それを行の背景として設定する必要があります。

例えば:

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>  

これは、投稿した写真とまったく同じではありませんが、好きなものを取得するためにそれを試してみてください。

32
bean