第七讲:用户界面 View(三)

476
回复
1650093
查看
  [复制链接]

2826

主题

7684

帖子

9603

安币

管理员

Rank: 9Rank: 9Rank: 9

QQ达人最佳新人活跃会员热心会员推广达人灌水之王突出贡献

QQ
发表于 2011-4-23 13:30:26 | 显示全部楼层 |阅读模式
本讲内容:
常见布局介绍:表格布局TableLayout
点此下载:
5、表格布局 TableLayout
表格布局TableLayout以行列的形式管理子元素,每一行是一个TableRow布局对象,当然也可以是普通的View对象,TableRow离每放一个元素就是一列,总列数由列数最多的那一行决定。
我们看一个例子:

  1. <?xml version=”1.0″ encoding=”utf-8″?>
  2. <TableLayout android:id=”@+id/TableLayout01″
  3. android:layout_width=”fill_parent” android:layout_height=”fill_parent”
  4. android:stretchColumns=”0″ xmlns:android=”http://schemas.android.com/apk/res/android”><TableRow android:layout_width=”fill_parent”
  5. android:layout_height=”20dip”>
  6. <TextView android:text=”色彩透明度测试” android:textSize=”18dip”
  7. android:layout_span=”2″ 合并两列
  8. android:layout_gravity=”center”
  9. android:layout_width=”fill_parent” android:layout_height=”fill_parent”>
  10. </TextView>
复制代码


再看一下显示效果:

  1. <?xml version=”1.0″ encoding=”utf-8″?>
  2. <TableLayout xmlns:android=”http://schemas.android.com/apk/res/android”
  3. android:layout_width=”fill_parent”
  4. android:layout_height=”fill_parent”
  5. android:stretchColumns=”1″>   第二列自动伸展<TableRow>
  6. <TextView
  7. android:layout_column=”1″     我是第二列
  8. android:text=”打开…”
  9. android:padding=”3dip” /> 元素内容与边界之间保留3dip的距离
  10. <TextView
  11. android:text=”Ctrl-O”
  12. android:gravity=”right”
  13. android:padding=”3dip” />
  14. </TableRow><TableRow>
  15. <TextView
  16. android:layout_column=”1″
  17. android:text=”保存…”
  18. android:padding=”3dip” />
  19. <TextView
  20. android:text=”Ctrl-S”
  21. android:gravity=”right” 元素本身的内容向右对齐
  22. android:padding=”3dip” />
  23. </TableRow><TableRow>
  24. <TextView
  25. android:layout_column=”1″
  26. android:text=”另存为…”
  27. android:padding=”3dip” />
  28. <TextView
  29. android:text=”Ctrl-Shift-S”
  30. android:gravity=”right”
  31. android:padding=”3dip” />
  32. </TableRow><View
  33. android:layout_height=”2dip”
  34. android:background=”#FF909090″ /><TableRow>
  35. <TextView
  36. android:text=”X”
  37. android:padding=”3dip” />
  38. <TextView
  39. android:text=”导入…”
  40. android:padding=”3dip” />
  41. </TableRow><TableRow>
  42. <TextView
  43. android:text=”X”
  44. android:padding=”3dip” />
  45. <TextView
  46. android:text=”导出…”
  47. android:padding=”3dip” />
  48. <TextView
  49. android:text=”Ctrl-E”
  50. android:gravity=”right”
  51. android:padding=”3dip” />
  52. </TableRow><View
  53. android:layout_height=”2dip”
  54. android:background=”#FF909090″ /><TableRow>
  55. <TextView
  56. android:layout_column=”1″
  57. android:text=”退出”
  58. android:padding=”3dip” />
  59. </TableRow>
  60. </TableLayout>
复制代码


下面是显示效果:
我加粗显示的地方都有解释,大家可以留意一下。
Tip:TableRow也是一个Layout,里面的元素会水平排列,如果TableRow的父元素不是TableLayout的话,那么他会表现的像一个LinearLayout。
接下来会讲2个比较复杂的布局,然后讲一些常用的View Widget。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

点评

很好的资料  发表于 2013-10-5 18:28
楼主不错。  发表于 2013-10-5 18:28

0

主题

15

帖子

34

安币

初级码农

Rank: 1

发表于 2011-7-11 23:01:23 | 显示全部楼层
学习king

0

主题

29

帖子

17

安币

初级码农

Rank: 1

发表于 2011-5-17 15:36:53 | 显示全部楼层
非常好的入门资料

0

主题

0

帖子

2

安币

初级码农

Rank: 1

发表于 2011-6-9 16:37:06 | 显示全部楼层
什么,复制也不看看,少了多少代码

0

主题

12

帖子

5

安币

初级码农

Rank: 1

发表于 2011-6-17 11:04:36 | 显示全部楼层
我是新手还需要多学习啊

0

主题

30

帖子

8

安币

初级码农

Rank: 1

发表于 2011-6-23 08:53:15 | 显示全部楼层
很好,谢谢楼主。

0

主题

6

帖子

3

安币

初级码农

Rank: 1

发表于 2011-6-26 12:20:57 | 显示全部楼层
一直在学习,谢谢楼主

4

主题

211

帖子

316

安币

攻城狮

Rank: 3Rank: 3

发表于 2011-7-4 14:48:29 | 显示全部楼层
感谢分享

4

主题

211

帖子

316

安币

攻城狮

Rank: 3Rank: 3

发表于 2011-7-4 14:49:26 | 显示全部楼层
感谢分享
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

领先的中文移动开发者社区
18620764416
7*24全天服务
意见反馈:1294855032@qq.com

扫一扫关注我们

Powered by Discuz! X3.2© 2001-2019 Comsenz Inc.( 粤ICP备15117877号 )