.Net程序猿玩转Android开发---(8)表格布局TableLayout

表格布局TableLayout是Android中比較经常使用的一个布局控件，既然是表格，肯定有行和列，TableLayout中的行有TableRow组成。列依据每行控件的数量来确定

假如第一行有3个控件，第2行有4个控件，那么这个表格的列数就去最大列数，即4列。

1.属性介绍

表格有下面几个重要属性

android:shrinkColumns="2" 自己主动收缩的列。多个列用逗号隔开，自己主动收缩的意思是假设该列的内容超出了表格列的宽度，自己主动向下显示

android:stretchColumns="1" 自己主动伸缩列，多个列用逗号隔开。假设表格中全部列。都没有占满表格宽度，该列自己主动伸缩。

android:collapseColumns 隐藏指定的列，多个列用逗号隔开

android:layout_column="1" 用来设置该表格中控件所在的列数。

android:layout_span 用来设置表格中控件所占的列数

<?xml version="1.0" encoding="utf-8"?>

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:shrinkColumns="2"

    android:stretchColumns="1"

    >

    <TableRow

        android:id="@+id/tableRow1"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content" >

        <TextView

            android:id="@+id/textView1"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:text="标签1"

            android:background="#FF82AB"

            />

        <TextView

            android:id="@+id/textView2"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:text="标签2"

              android:background="#EE6A50"

            />

        <TextView

            android:id="@+id/textView3"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:text="我是自己主动伸缩列。内容过多。自己主动向下伸缩"

              android:background="#B3EE3A"

            />

    </TableRow>

     <TableRow

        android:id="@+id/tableRow1"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content" >

        <TextView

            android:id="@+id/textView4"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:text="标签4"

            android:background="#FF82AB"

            />

        <TextView

            android:id="@+id/textView5"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:text="自己主动伸张"

              android:background="#EE6A50"

            />

        <TextView

            android:id="@+id/textView6"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:text="标签6"

              android:background="#B3EE3A"

            />

    </TableRow>

</TableLayout>

2.商品列表演示样例

以下我们用TableLayout来完毕一个商品列表的布局

<?xml version="1.0" encoding="utf-8"?

>

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"

    android:layout_height="match_parent" >

    <TableRow

        android:id="@+id/tableRow1"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content" >

        <TableLayout

               android:layout_width="match_parent"

    android:layout_height="match_parent"

            >

            <TableRow android:layout_width="fill_parent" android:layout_height="wrap_content"  >

                   <ImageView android:layout_width="100dp" android:layout_height="100dp" android:src="@raw/pad" />

            </TableRow>

            </TableLayout>

        <TableLayout

               android:layout_width="match_parent"

    android:layout_height="match_parent"

            >

            <TableRow

                 android:layout_width="fill_parent"

        android:layout_height="wrap_content"

                >

                   <TableLayout  android:layout_width="match_parent"   android:layout_height="fill_parent"   >

           <TableRow android:layout_height="match_parent" >

                <TextView

                    android:layout_width="wrap_content"

                     android:layout_height="wrap_content"

                   android:text="商品名称:IPAD AIR"

                   android:layout_margin="10dp"

                   />

           </TableRow>

           <TableRow  android:layout_height="match_parent"  >  <TextView

         android:layout_width="wrap_content"

         android:layout_height="wrap_content"

         android:text="商品价格:$99"

          android:layout_margin="10dp"

         />

         </TableRow> 

             <TableRow  android:layout_height="match_parent" >

                   <TextView

         android:layout_width="wrap_content"

         android:layout_height="wrap_content"

         android:text="商品颜色:白色"

          android:layout_margin="10dp"

         />

             </TableRow> 

                       </TableLayout>

            </TableRow>

            </TableLayout>

    </TableRow>

     <TableRow

        android:id="@+id/tableRow2"

        android:layout_width="fill_parent"

        android:layout_height="5dp"

        android:background="#EEE8CD"

        >

       <TextView

                    android:layout_width="fill_parent"

                     android:layout_height="3dp"

                    android:background="#EEE8CD"

                   />

    </TableRow>

      <TableRow

        android:id="@+id/tableRow1"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content" >

        <TableLayout

               android:layout_width="match_parent"

    android:layout_height="match_parent"

            >

            <TableRow android:layout_width="fill_parent" android:layout_height="wrap_content"  >

                   <ImageView android:layout_width="100dp" android:layout_height="100dp" android:src="@raw/pad" />

            </TableRow>

            </TableLayout>

        <TableLayout

               android:layout_width="match_parent"

    android:layout_height="match_parent"

            >

            <TableRow

                 android:layout_width="fill_parent"

        android:layout_height="wrap_content"

                >

                   <TableLayout  android:layout_width="match_parent"   android:layout_height="fill_parent"   >

           <TableRow android:layout_height="match_parent" >

                <TextView

                    android:layout_width="wrap_content"

                     android:layout_height="wrap_content"

                   android:text="商品名称:IPAD AIR"

                   android:layout_margin="10dp"

                   />

           </TableRow>

           <TableRow  android:layout_height="match_parent"  >  <TextView

         android:layout_width="wrap_content"

         android:layout_height="wrap_content"

         android:text="商品价格:$99"

          android:layout_margin="10dp"

         />

         </TableRow> 

             <TableRow  android:layout_height="match_parent" >

                   <TextView

         android:layout_width="wrap_content"

         android:layout_height="wrap_content"

         android:text="商品颜色:白色"

          android:layout_margin="10dp"

         />

             </TableRow> 

                       </TableLayout>

            </TableRow>

            </TableLayout>

    </TableRow>

     <TableRow

        android:id="@+id/tableRow2"

        android:layout_width="fill_parent"

        android:layout_height="5dp"

        android:background="#EEE8CD"

        >

       <TextView

                    android:layout_width="fill_parent"

                     android:layout_height="3dp"

                    android:background="#EEE8CD"

                   />

    </TableRow>

      <TableRow

        android:id="@+id/tableRow1"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content" >

        <TableLayout

               android:layout_width="match_parent"

    android:layout_height="match_parent"

            >

            <TableRow android:layout_width="fill_parent" android:layout_height="wrap_content"  >

                   <ImageView android:layout_width="100dp" android:layout_height="100dp" android:src="@raw/pad" />

            </TableRow>

            </TableLayout>

        <TableLayout

               android:layout_width="match_parent"

    android:layout_height="match_parent"

            >

            <TableRow

                 android:layout_width="fill_parent"

        android:layout_height="wrap_content"

                >

                   <TableLayout  android:layout_width="match_parent"   android:layout_height="fill_parent"   >

           <TableRow android:layout_height="match_parent" >

                <TextView

                    android:layout_width="wrap_content"

                     android:layout_height="wrap_content"

                   android:text="商品名称:IPAD AIR"

                   android:layout_margin="10dp"

                   />

           </TableRow>

           <TableRow  android:layout_height="match_parent"  >  <TextView

         android:layout_width="wrap_content"

         android:layout_height="wrap_content"

         android:text="商品价格:$99"

          android:layout_margin="10dp"

         />

         </TableRow> 

             <TableRow  android:layout_height="match_parent" >

                   <TextView

         android:layout_width="wrap_content"

         android:layout_height="wrap_content"

         android:text="商品颜色:白色"

          android:layout_margin="10dp"

         />

             </TableRow> 

                       </TableLayout>

            </TableRow>

            </TableLayout>

    </TableRow>

     <TableRow

        android:id="@+id/tableRow2"

        android:layout_width="fill_parent"

        android:layout_height="5dp"

        android:background="#EEE8CD"

        >

       <TextView

                    android:layout_width="fill_parent"

                     android:layout_height="3dp"

                    android:background="#EEE8CD"

                   />

    </TableRow>

</TableLayout>

.Net程序猿玩转Android开发---(8)表格布局TableLayout的更多相关文章

.Net程序猿玩转Android开发---(6)线性布局LinearLayout
LinearLayout控件是Android中重要的布局控件,是一个线性控件,所谓线性控件的意思是指该控件里面的内容仅仅能水平或垂直排列.也就 ...
.Net程序猿玩转Android开发---(7)相对布局RelativeLayout
相对布局RelativeLayout是Android布局中一个比較经常使用的控件,使用该控件能够布局出适合各种屏幕分辨率的布局,RelativeLayout採用相对位置进行 ...
.Net程序猿玩转Android开发---(11)页面跳转
在不论什么程序开发中,都会遇到页面之间跳转的情况,Android开发也不例外.这一节,我们来认识下Android项目中如何进行页面跳转.页面跳转分为有參数和无參数页面跳转,已经接受还有一个页面的返回值 ...
.Net程序猿玩转Android开发---(3)登陆页面布局
这一节我们来看看登陆页面如何布局.对于刚接触到Android开发的童鞋来说.Android的布局感觉比較棘手.须要结合各种属性进行设置,接下来我们由点入面来了解安卓中页面如何布局,登陆页面非常eas ...
Android 自学之表格布局 TableLayout
表格布局(TableLayout),表格布局采用行.列的形式来管理UI组件,TableLayout并不需要明确的声明多少行,多少列,而是通过TableRow.其他组件来控制表格的行数和列数. 每次想T ...
Android中的表格布局TableLayout
表格布局最基本的三个属性: XML代码实例: <?xml version="1.0" encoding="utf-8"?> <LinearLa ...
.Net程序员玩转Android开发--ListView单击事件
public class ListViewClickActivity extends Activity { private ListView lv; SimpleAdap ...
Android开发-之五大布局
在html中大家都知道布局是什么意思了,简单来说就是将页面划分模块,比如html中的div.table等.那么Android中也是这样的.Android五大布局让界面更加美化,开发起来也更加方便.当然 ...
android开发学习---layout布局、显示单位和如何进行单元测试
一.五大布局(layout) android中的用五大布局:LinearLayout (线性布局).AbsoluteLayout(绝对布局).RelativeLayout(相对布局).TableLay ...

随机推荐

cocos-html5 JS 写法基础语言核心
转载:http://blog.csdn.net/leasystu/article/details/18735797 cocos2dx 3.0 js继承:John Resiq的继承写法解析 CCClas ...
关于安装完Node.js 出现node is not dedined 问题
今天想来接触下Node.js 神奇怀着揣揣的心从官网下载了windows 的64位mis版本几个下一步就顺利安装完毕了接着跟着新手教程走不懂教程里的苹果shell 是什么反正就是检 ...
linux是实时系统还是分时操作系统
实时操作系统实时操作系统英文称Real Time Operating System,简称RTOS. 1.实时操作系统定义实时操作系统(RTOS)是指当外界事件或数据产生时,能够接受并以足够快的速 ...
第四章 USB库介绍
4.1 USB库函数简介 Luminary Micro公司提供USB处理器的USB库函数,应用在Stellaris处理器上,为USB设备.USB主机.OTG开发提供USB协议框架和API函数,适用于多 ...
gdb查看虚函数表、函数地址
1. 查看函数地址看函数在代码的哪一行,使用info line就可以看到类似下面这中输出点击(此处)折叠或打开 (gdb) info line a.cpp:10 Line 10 of &q ...
NuGet学习笔记(1)——初识NuGet及快速安装使用
关于NuGet园子里已经有不少介绍及使用经验,本文仅作为自己研究学习NuGet一个记录. 初次认识NuGet是在去年把项目升级为MVC3的时候,当时看到工具菜单多一项Library Package M ...
应付系统选项 Payables Options
(N) AP > Setup > Options > Payables Options应付系统选项设置整个应付系统使用的控制项和默认值.我们可以在此窗口中设置默认值,从而简化供应商输 ...
hdu4666Hyperspace
http://acm.hdu.edu.cn/showproblem.php?pid=4666 先看一个求曼哈顿的帖子http://www.cnblogs.com/lmnx/articles/24797 ...
修改tomcat的部署名称
找到指定工程下面的.setting目录下面的org.eclipse.wst.common.component文件,可以看到以下的配置 <?xml version="1.0" ...
C# XML序列化操作菜单
鉴于之前写的一篇博文没使用XML序列化来操作菜单,而且发现那还有一个问题,就是在XML菜单的某个菜单节点前加上一些注释代码的就不能读取,现在使用XML序列化后可以很方便的读取,故在此写一写. XM ...

.Net程序猿玩转Android开发---(8)表格布局TableLayout

1.属性介绍

2.商品列表演示样例

.Net程序猿玩转Android开发---(8)表格布局TableLayout的更多相关文章

随机推荐

热门专题