Android开发教程:表格布局的简单使用

风格跟HTML中的表格布局接近,只是所采用的标签有所不同;在这里<TableLayout>是顶级元素,说明采用的是表格布局;<TableRow>定义行,是行标签;<TextView>定义一个单元格内容,是列标签,相当于html中的td标签

在这里可以有Android:stretchColumns属性值指定列数,也可以不指定,直接写。由gravity指定文字对齐方式,padding指定视图与视图内容间的空隙,单位为像素由dip表示,作用于px相同,也可写px

string.xml文件内容:

  1. <stringnamestringname="name">联系人姓名</string>  
  2.   
  3.         <string name="gender">性别</string>  
  4.   
  5.         <string name="gender1"></string>  
  6.   
  7.         <string name="gender2"></string>  
  8.   
  9.         <string name="number">联系人电话</string>  
  10.   
  11.    
  12.   
  13.         <stringnamestringname="name1">Sunny</string>  
  14.   
  15.         <stringnamestringname="number1">1111111111</string>  
  16.   
  17.               
  18.   
  19.         <stringnamestringname="name2">Heyley</string>  
  20.   
  21.         <stringnamestringname="number2">00000000000</string>  
  22.   
  23.    
  24.   
  25.           
  26.   
  27.         <stringnamestringname="name3">Army</string>  
  28.   
  29.         <stringnamestringname="number3">2222222222</string>  
  30.   
  31.          
  32.   
  33.         <stringnamestringname="name4">Jone</string>  
  34.   
  35.         <stringnamestringname="number4">3333333333</string>  
  36.   
  37.          
  38.   
  39.         <stringnamestringname="name5">David</string>  
  40.   
  41.         <stringnamestringname="number5">4444444444</string>  
  42.   
  43.          
  44.   
  45.         <stringnamestringname="name6">John</string>  
  46.   
  47.         <stringnamestringname="number6">55555555555</string>  

main.xml文件内容:

  1. <?xmlversionxmlversion="1.0" encoding="utf-8"?>  
  2.   
  3. <TableLayoutxmlns:androidTableLayoutxmlns:android="http://schemas.android.com/apk/res/android"  
  4.   
  5.    android:layout_width="match_parent"  
  6.   
  7.    android:layout_height="match_parent"   
  8.   
  9.    android:stretchColumns="0,1,2">  
  10.   
  11.    
  12.   
  13.     <TableRow>  
  14.   
  15.           
  16.   
  17.         <TextView   
  18.   
  19.            android:text="@string/name"  
  20.   
  21.             android:gravity="center"  
  22.   
  23.            android:padding="3px"/>  
  24.   
  25.         <TextView   
  26.   
  27.            android:text="@string/gender"  
  28.   
  29.             android:gravity="center"  
  30.   
  31.             android:padding="3px"/>  
  32.   
  33.         <TextView   
  34.   
  35.            android:text="@string/number"  
  36.   
  37.             android:gravity="center"  
  38.   
  39.            android:padding="3px"/>  
  40.   
  41.           
  42.   
  43.     </TableRow>  
  44.   
  45.     <TableRow>  
  46.   
  47.           
  48.   
  49.         <TextView   
  50.   
  51.            android:text="@string/name1"  
  52.   
  53.             android:gravity="center"  
  54.   
  55.            android:padding="3px"/>  
  56.   
  57.         <TextView   
  58.   
  59.            android:text="@string/gender2"  
  60.   
  61.             android:gravity="center"  
  62.   
  63.            android:padding="3px"/>  
  64.   
  65.         <TextView   
  66.   
  67.             android:text="@string/number1"  
  68.   
  69.             android:gravity="center"  
  70.   
  71.            android:padding="3px"/>  
  72.   
  73.           
  74.   
  75.     </TableRow>  
  76.   
  77.     <TableRow>  
  78.   
  79.           
  80.   
  81.         <TextView   
  82.   
  83.            android:text="@string/name2"  
  84.   
  85.             android:gravity="center"  
  86.   
  87.             android:padding="3px"/>  
  88.   
  89.         <TextView   
  90.   
  91.            android:text="@string/gender2"  
  92.   
  93.             android:gravity="center"  
  94.   
  95.            android:padding="3px"/>  
  96.   
  97.         <TextView   
  98.   
  99.            android:text="@string/number2"  
  100.   
  101.             android:gravity="center"  
  102.   
  103.             android:padding="3px"/>  
  104.   
  105.           
  106.   
  107.     </TableRow>  
  108.   
  109.     <TableRow>  
  110.   
  111.           
  112.   
  113.         <TextView   
  114.   
  115.            android:text="@string/name6"  
  116.   
  117.             android:gravity="center"  
  118.   
  119.            android:padding="3px"/>  
  120.   
  121.         <TextView   
  122.   
  123.             android:text="@string/gender1"  
  124.   
  125.             android:gravity="center"  
  126.   
  127.            android:padding="3px"/>  
  128.   
  129.         <TextView   
  130.   
  131.            android:text="@string/number6"  
  132.   
  133.             android:gravity="center"  
  134.   
  135.            android:padding="3px"/>  
  136.   
  137.           
  138.   
  139.     </TableRow>  
  140.   
  141.     <TableRow>  
  142.   
  143.           
  144.   
  145.         <TextView   
  146.   
  147.            android:text="@string/name5"  
  148.   
  149.             android:gravity="center"  
  150.   
  151.            android:padding="3px"/>  
  152.   
  153.         <TextView   
  154.   
  155.            android:text="@string/gender1"  
  156.   
  157.             android:gravity="center"  
  158.   
  159.             android:padding="3px"/>  
  160.   
  161.         <TextView   
  162.   
  163.            android:text="@string/number5"  
  164.   
  165.             android:gravity="center"  
  166.   
  167.            android:padding="3px"/>  
  168.   
  169.           
  170.   
  171.     </TableRow>  
  172.   
  173.     <TableRow>  
  174.   
  175.           
  176.   
  177.         <TextView   
  178.   
  179.             android:text="@string/name4"  
  180.   
  181.             android:gravity="center"  
  182.   
  183.            android:padding="3px"/>  
  184.   
  185.         <TextView   
  186.   
  187.            android:text="@string/gender1"  
  188.   
  189.             android:gravity="center"  
  190.   
  191.            android:padding="3px"/>  
  192.   
  193.         <TextView   
  194.   
  195.             android:text="@string/number4"  
  196.   
  197.             android:gravity="center"  
  198.   
  199.            android:padding="3px"/>  
  200.   
  201.           
  202.   
  203.     </TableRow>  
  204.   
  205.     <TableRow>  
  206.   
  207.           
  208.   
  209.         <TextView   
  210.   
  211.            android:text="@string/name3"  
  212.   
  213.             android:gravity="center"  
  214.   
  215.             android:padding="3px"/>  
  216.   
  217.         <TextView   
  218.   
  219.            android:text="@string/gender2"  
  220.   
  221.             android:gravity="center"  
  222.   
  223.            android:padding="3px"/>  
  224.   
  225.         <TextView   
  226.   
  227.            android:text="@string/number3"  
  228.   
  229.             android:gravity="center"  
  230.   
  231.            android:padding="3px"/>  
  232.   
  233.           
  234.   
  235.     </TableRow>  
  236.   
  237.    
  238.   
  239. </TableLayout>  

效果图:

Android开发教程:表格布局的简单使用

设计思路:该表格布局主要分为了七行三列,使用文本是string.xml文件中的文本

相关推荐