Android TableLayout实现边框

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

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

Xml代码  

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:orientation="vertical"  
4.     android:layout_width="fill_parent"  
5.     android:layout_height="fill_parent"  
6.     >  
7.   
8. <TableLayout android:layout_width="wrap_content"  
9.     android:layout_height="wrap_content"  
10.     android:stretchColumns="*" android:background="#ff0000">  
11.     <TableRow android:background="#00ff00" android:layout_margin="2dip">  
12.         <TextView   
13.             android:text="@string/label1"  
14.             android:textSize="20dip"   
15.             android:textStyle="bold"   
16.             android:background="#0000ff"   
17.             android:layout_margin="2dip"/>  
18.         <TextView   
19.             android:text="@string/label2"   
20.             android:textSize="20dip"   
21.             android:textStyle="bold"    
22.             android:background="#0000ff"   
23.             android:layout_margin="2dip"/>  
24.         <TextView   
25.             android:text="@string/label3"   
26.             android:textSize="20dip"   
27.             android:textStyle="bold"   
28.             android:background="#0000ff"   
29.             android:layout_margin="2dip"/>  
30.     </TableRow>  
31.     <TableRow android:background="#00ff00" android:layout_margin="1dip">  
32.         <TextView   
33.             android:text="@string/label1"  
34.             android:textSize="20dip"   
35.             android:textStyle="bold"   
36.             android:background="#0000ff"   
37.             android:layout_margin="2dip"/>  
38.         <TextView   
39.             android:text="@string/labelurl"   
40.             android:textSize="20dip"   
41.             android:textStyle="bold"    
42.             android:background="#0000ff"   
43.             android:layout_margin="2dip"/>  
44.         <TextView   
45.             android:text="@string/label3"   
46.             android:textSize="20dip"   
47.             android:textStyle="bold"   
48.             android:background="#0000ff"   
49.             android:layout_margin="2dip"/>  
50.     </TableRow>  
51. </TableLayout>  
52. </LinearLayout>  

 (2) res/values/strings.xml

Xml代码  

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

 运行结果如下图

 
 
摘自 : http://hi.baidu.com/jsjmp/blog/item/b84d10508e77977084352459.html

• AndroidEggTableBorder.zip (38.2 KB)
• 描述: 程序源代码下载
• 下载次数: 109

• 查看图片附件