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>  

 运行结果如下图


Android TableLayout实现边框_第1张图片
 

你可能感兴趣的:(Android TableLayout实现边框)