`
tianshibaijia
  • 浏览: 1132875 次
文章分类
社区版块
存档分类
最新评论

Android学习开发之路9——TableLayout

 
阅读更多

TableLayout即表格布局，也就是采用行列的方式来管理UI控件，每一个TableRow代表一行，列的数目根据你添加的控件的数目来确定。且可以指定每一列的拉伸收缩。

实现效果如下：


XML代码如下：

view plaincopy to clipboardprint?
  1. <?xmlversion="1.0"encoding="utf-8"?>
  2. <LinearLayoutxmlns: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. <!--定义第一个表格布局，指定第2列允许收缩，第3列允许拉伸-->
  8. <TableLayoutandroid:id="@+id/TableLayout01"
  9. android:layout_width="fill_parent"
  10. android:layout_height="wrap_content"
  11. android:shrinkColumns="1"
  12. android:stretchColumns="2"
  13. >
  14. <!--直接添加按钮，它自己会占一行-->
  15. <Buttonandroid:id="@+id/ok1"
  16. android:layout_width="wrap_content"
  17. android:layout_height="wrap_content"
  18. android:text="独自一行的按钮"
  19. />
  20. <!--添加一个表格行-->
  21. <TableRow>
  22. <!--为该表格行添加3个按钮-->
  23. <Buttonandroid:id="@+id/ok2"
  24. android:layout_width="wrap_content"
  25. android:layout_height="wrap_content"
  26. android:text="普通按钮"
  27. />
  28. <Buttonandroid:id="@+id/ok3"
  29. android:layout_width="wrap_content"
  30. android:layout_height="wrap_content"
  31. android:text="允许被收缩的按钮"
  32. />
  33. <Buttonandroid:id="@+id/ok4"
  34. android:layout_width="wrap_content"
  35. android:layout_height="wrap_content"
  36. android:text="允许被拉伸的按钮"
  37. />
  38. </TableRow>
  39. </TableLayout>
  40. <!--定义第二个表格布局，指定第二列隐藏-->
  41. <TableLayoutandroid:id="@+id/TableLayout01"
  42. android:layout_width="fill_parent"
  43. android:layout_height="wrap_content"
  44. android:collapseColumns="1"
  45. >
  46. <!--直接添加按钮，它自己会占一行-->
  47. <Buttonandroid:id="@+id/ok5"
  48. android:layout_width="wrap_content"
  49. android:layout_height="wrap_content"
  50. android:text="独自一行的按钮"
  51. />
  52. <!--定义一个表格行-->
  53. <TableRow>
  54. <!--为该表格行添加3个按钮-->
  55. <Buttonandroid:id="@+id/ok6"
  56. android:layout_width="wrap_content"
  57. android:layout_height="wrap_content"
  58. android:text="普通按钮1"
  59. />
  60. <Buttonandroid:id="@+id/ok7"
  61. android:layout_width="wrap_content"
  62. android:layout_height="wrap_content"
  63. android:text="被隐藏的按钮"
  64. />
  65. <Buttonandroid:id="@+id/ok8"
  66. android:layout_width="wrap_content"
  67. android:layout_height="wrap_content"
  68. android:text="普通按钮3"
  69. />
  70. </TableRow>
  71. </TableLayout>
  72. <!--定义第三个表格布局，指定第2、3两列可以被拉伸-->
  73. <TableLayoutandroid:id="@+id/TableLayout01"
  74. android:layout_width="fill_parent"
  75. android:layout_height="wrap_content"
  76. android:stretchColumns="1,2"
  77. >
  78. <!--直接添加按钮，它自己会占一行-->
  79. <Buttonandroid:id="@+id/ok9"
  80. android:layout_width="wrap_content"
  81. android:layout_height="wrap_content"
  82. android:text="独自一行的按钮"
  83. />
  84. <!--定义一个表格行-->
  85. <TableRow>
  86. <!--为该表格行添加3个按钮-->
  87. <Buttonandroid:id="@+id/ok10"
  88. android:layout_width="wrap_content"
  89. android:layout_height="wrap_content"
  90. android:text="普通按钮"
  91. />
  92. <Buttonandroid:id="@+id/ok11"
  93. android:layout_width="wrap_content"
  94. android:layout_height="wrap_content"
  95. android:text="允许被拉伸的按钮"
  96. />
  97. <Buttonandroid:id="@+id/ok12"
  98. android:layout_width="wrap_content"
  99. android:layout_height="wrap_content"
  100. android:text="允许被拉伸的按钮"
  101. />
  102. </TableRow>
  103. <!--定义一个表格行-->
  104. <TableRow>
  105. <!--为该表格行添加2个按钮-->
  106. <Buttonandroid:id="@+id/ok13"
  107. android:layout_width="wrap_content"
  108. android:layout_height="wrap_content"
  109. android:text="普通按钮"
  110. />
  111. <Buttonandroid:id="@+id/ok14"
  112. android:layout_width="wrap_content"
  113. android:layout_height="wrap_content"
  114. android:text="允许被拉伸的按钮"
  115. />
  116. </TableRow>
  117. </TableLayout>
  118. </LinearLayout>



源码资料下载：

Android 应用功能150多个实例源码

分享到：
| Android学习开发之路8——RelativeLayout
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    android开发揭秘PDF

    第1章 Android开发简介 1.1 Android基本概念 1.1.1 Android简介 1.1.2 Android的系统构架 1.1.3 Android应用程序框架 1.2 OMS介绍 1.2.1 OPhone介绍 1.2.2 Widget介绍 1.3 小结 第2章 Android开发环境搭建 2.1 ...

    《Android应用开发揭秘》附带光盘代码.

    　第1章 Android开发简介 　1.1 Android基本概念 　1.1.1 Android简介 　1.1.2 Android的系统构架 　1.1.3 Android应用程序框架 　1.2 OMS介绍 　1.2.1 OPhone介绍 　1.2.2 Widget介绍 　1.3 小结 　第2章 Android...

    《Android应用开发揭秘》源码

    　第1章 Android开发简介 　1.1 Android基本概念 　1.1.1 Android简介 　1.1.2 Android的系统构架 　1.1.3 Android应用程序框架 　1.2 OMS介绍 　1.2.1 OPhone介绍 　1.2.2 Widget介绍 　1.3 小结 　第2章 Android...

    Android应用开发揭秘pdf高清版

    第1章 Android开发简介 1.1 Android基本概念 1.1.1 Android简介 1.1.2 Android的系统构架 1.1.3 Android应用程序框架 1.2 OMS介绍 1.2.1 OPhone介绍 1.2.2 Widget介绍 1.3 小结 第2章 Android开发环境搭建 2.1 ...

    android开发——简易计算器的设计报告.doc

    一、实训目的 1、了解Android系统，学会Android开发环境的搭建。 2、了解Eclipse，学会用Eclipse和Java 开发一个Android程序。 3、进一步巩固课堂上所学到的知识，深刻把握Java语言的重要概念及其面向对象的特性 ，...

    Android开发——布局方式Demo源码

    Android布局详解实例，包含：线性布局(LinearLayout)、相对布局(RelativeLayout)、帧布局(FrameLayout)、表格布局(TableLayout)四大布局方式的demo

    Android开发笔记 TableLayout常用的属性介绍

    把android:collapseColumns=0,2————–》意思是把第0和第2列去掉，如下图： android:shrinkColumns：以第0行为序，自动延伸指定的列填充可用部分： 当LayoutRow里面的控件还没有布满布局时，shrinkColumns不起...

    Android简明应用程序开发[原创]

    第一章 Android开发环境介绍 ６ 一、下载与安装 ６ 1.1.1 SDK安装 ６ 1.1.2 模拟器设置和启动 ７ 1.1.3 ADT安装 １０ 二、创建Android工程 １３ 三、手动选择模拟器 １６ 四、真机调试 １８ 五、小结——恭喜您迈出...

    浅谈Android五大布局.PDF

    浅谈Android五大布局 ——LinearLayout、FrameLayout、AbsoulteLayout、RelativeLayout、TableLayout

Magicbox
Global site tag (gtag.js) - Google Analytics