logo标签列表

如何在TableLayout周围添加边框？

androidandroid-tablelayout
31
以下是我的表格代码。我的屏幕看起来像这样 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"));
1
看看这个其他的答案。https://dev59.com/83I95IYBdhLWcg3w3yJU#7379990 - Hadriel
很困惑，请直接修改我的代码。 - user2589245
2个回答
48
为了在表格行和表格布局周围创建边框，您需要创建一个可绘制对象作为边框，并将其设置为行的背景。例如：

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>

这不会和您发布的图片完全一样，但是可以调整它来达到您想要的效果。

7
如果你使用 <solid android:color="#ffffff"/>，我相信它会更符合图片的要求。 - Kit Ramos
6
但是文本视图之间的边框将比表格周围的边框更粗。 - user924
这里唯一的问题是多行之间的边框线会变粗（由于边框重叠而发生）。为了解决这个问题，在TableLayout和TableRows中添加android:background="@drawable/border"，但是要交替添加（即在第2、4、6行... TableRow中添加背景）。 - Akshay Ashok
这对于不规则表格是行不通的；例如当表格中有空洞（没有视图的地方）时 - 使用layout_column属性跳过单元格。这些空洞将没有边框，整体边框看起来有点奇怪。 - pepan
2
您可以尝试这段代码。它是可行的代码。
TableLayout.java
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:padding="10dp"
    tools:context=".TableViewActivity">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="20dp"
        android:background="@android:color/holo_blue_bright"
        android:gravity="center"
        android:padding="10dp"
        android:text="@string/table_layout_title"
        android:textSize="23sp"
        android:textStyle="bold" />

    <TableLayout
        android:id="@+id/tableLayoutId"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="5dp"
        android:stretchColumns="1">

        <TableRow

            android:id="@+id/firstRow"
            android:background="@drawable/border"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content">

            <TextView
                android:id="@+id/textView1"
                android:layout_width="37dp"
                android:layout_height="wrap_content"
                android:layout_marginStart="2dp"
                android:layout_marginTop="2dp"
                android:layout_marginEnd="1dp"
                android:layout_marginBottom="2dp"
                android:layout_weight="1"
                android:background="#b0b0b0"
                android:gravity="center"
                android:paddingStart="3dp"
                android:paddingTop="10dp"
                android:paddingEnd="3dp"
                android:paddingBottom="10dp"
                android:text="Name"
                android:textColor="@android:color/white"
                android:textSize="12sp"
                android:textStyle="bold" />

            <TextView
                android:layout_marginTop="2dp"
                android:layout_marginBottom="2dp"
                android:layout_marginStart="2dp"
                android:layout_marginEnd="1dp"
                android:id="@+id/textView2"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="2"
                android:background="#b0b0b0"
                android:gravity="center"
                android:paddingStart="3dp"
                android:paddingTop="10dp"
                android:paddingEnd="3dp"
                android:paddingBottom="10dp"
                android:text="Father Name"
                android:textColor="@android:color/white"
                android:textSize="12sp"
                android:textStyle="bold" />

            <TextView
                android:layout_marginTop="2dp"
                android:layout_marginBottom="2dp"
                android:layout_marginStart="2dp"
                android:layout_marginEnd="1dp"
                android:id="@+id/textView3"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="2"
                android:background="#b0b0b0"
                android:gravity="center"
                android:paddingStart="3dp"
                android:paddingTop="10dp"
                android:paddingEnd="3dp"
                android:paddingBottom="10dp"
                android:text="Mother Name"
                android:textColor="@android:color/white"
                android:textSize="12sp"
                android:textStyle="bold" />

            <TextView
                android:layout_marginTop="2dp"
                android:layout_marginBottom="2dp"
                android:layout_marginStart="2dp"
                android:layout_marginEnd="1dp"
                android:id="@+id/textView4"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="2"
                android:background="#b0b0b0"
                android:gravity="center"
                android:paddingStart="3dp"
                android:paddingTop="10dp"
                android:paddingEnd="3dp"
                android:paddingBottom="10dp"
                android:text="School Name"
                android:textColor="@android:color/white"
                android:textSize="12sp"
                android:textStyle="bold" />

            <TextView
                android:id="@+id/textView5"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_marginStart="2dp"
                android:layout_marginTop="2dp"
                android:layout_marginEnd="1dp"
                android:layout_marginBottom="2dp"
                android:layout_weight="1.1"
                android:background="#b0b0b0"
                android:gravity="center"
                android:paddingStart="3dp"
                android:paddingTop="10dp"
                android:paddingEnd="3dp"
                android:paddingBottom="10dp"
                android:text="Phone"
                android:textColor="@android:color/white"
                android:textSize="12sp"
                android:textStyle="bold" />

        </TableRow>

    </TableLayout>

</LinearLayout>

@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="#FF0303"/>
    <stroke android:width="1dp" android:color="#000000"/>
</shape>
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接