Android TableLayout实现边框

大家在开发Android项目的时候,对画面的布局经常会采用TableLayout进行画面布局,为了醒目,需要设定TableLayout的边框。或则颜色区分或则增加类似线来区分,下面我就介绍TableLayout的边框设定。


主要思想
  通过设定TableLayout(表格),TableRow(行),View(控件)颜色反衬出边框的颜色。
代码如下
(1) res/layout/main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >

<TableLayout android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:stretchColumns="*" android:background="#ff0000">
    <TableRow android:background="#00ff00" android:layout_margin="2dip">
        <TextView 
            android:text="@string/label1"
            android:textSize="20dip" 
            android:textStyle="bold" 
            android:background="#0000ff" 
            android:layout_margin="2dip"/>
        <TextView 
            android:text="@string/label2" 
            android:textSize="20dip" 
            android:textStyle="bold"  
            android:background="#0000ff" 
            android:layout_margin="2dip"/>
        <TextView 
            android:text="@string/label3" 
            android:textSize="20dip" 
            android:textStyle="bold" 
            android:background="#0000ff" 
            android:layout_margin="2dip"/>
    </TableRow>
    <TableRow android:background="#00ff00" android:layout_margin="1dip">
        <TextView 
            android:text="@string/label1"
            android:textSize="20dip" 
            android:textStyle="bold" 
            android:background="#0000ff" 
            android:layout_margin="2dip"/>
        <TextView 
            android:text="@string/labelurl" 
            android:textSize="20dip" 
            android:textStyle="bold"  
            android:background="#0000ff" 
            android:layout_margin="2dip"/>
        <TextView 
            android:text="@string/label3" 
            android:textSize="20dip" 
            android:textStyle="bold" 
            android:background="#0000ff" 
            android:layout_margin="2dip"/>
    </TableRow>
</TableLayout>
</LinearLayout>

 (2) res/values/strings.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string name="hello">Hello World, AndroideEggTableBorderActivity!</string>
    <string name="app_name">Android蛋蛋网 TableLayout 边框设定</string>
<string name="label1">欢迎</string>
<string name="label2">Android</string>
<string name="label3">蛋蛋网</string>
<string name="labelurl">www.androidegg.com</string>
</resources>

 运行结果如下图


Android TableLayout实现边框
 
 
摘自 : http://hi.baidu.com/jsjmp/blog/item/b84d10508e77977084352459.html

你可能感兴趣的:(android,xml,Blog)