Android应用开发之( TableLayout中stretchColu

系统 1669 0
从字面上来看,TableLayout也比较简单,关键是要对相关的属性要熟悉,先看一个简单的例子(后面为效果图):
    
      <?
    
    
      xml version
    
    
      =
    
    
      "1.0"
    
    
       encoding
    
    
      =
    
    
      "utf-8"
    
    
      ?>
    
    
    
    
      <TableLayout
    
    
    
    
      xmlns:android
    
    
      =
    
    
      "http://schemas.android.com/apk/res/android"
    
    
    
    
      android:layout_width
    
    
      =
    
    
      "fill_parent"
    
    
    
    
      android:layout_height
    
    
      =
    
    
      "wrap_content"
    
    
    
    
      android:stretchColumns
    
    
      =
    
    
      "0,1,2"
    
    
    
    
      android:shrinkColumns
    
    
      =
    
    
      "1,2"
    
    
    
    
      >
    
    
    
    
      <TextView
    
    
    
    
      android:text
    
    
      =
    
    
      "Table Test"
    
    
    
    
      android:gravity
    
    
      =
    
    
      "center"
    
    
      />
    
    
    
    
      <TableRow>
    
    
    
    
      <TextView
    
    
    
    
      android:layout_column
    
    
      =
    
    
      "1"
    
    
    
    
      android:text
    
    
      =
    
    
      "姓名"
    
    
    
    
      android:gravity
    
    
      =
    
    
      "center"
    
    
      />
    
    
    
    
      <TextView
    
    
    
    
      android:text
    
    
      =
    
    
      "基本信息"
    
    
    
    
      android:gravity
    
    
      =
    
    
      "center"
    
    
      />
    
    
    
    
      </TableRow>
    
    
    
    
      <TableRow>
    
    
    
    
      <TextView
    
    
    
    
      android:text
    
    
      =
    
    
      " 1 "
    
    
    
    
      android:gravity
    
    
      =
    
    
      "center"
    
    
      />
    
    
    
    
      <TextView
    
    
    
    
      android:text
    
    
      =
    
    
      "hoyah"
    
    
    
    
      android:gravity
    
    
      =
    
    
      "left"
    
    
      />
    
    
    
    
      <TextView
    
    
    
    
      android:text
    
    
      =
    
    
      "Wuhan University"
    
    
    
    
      android:gravity
    
    
      =
    
    
      "right"
    
    
      />
    
    
    
    
      </TableRow>
    
    
    
    
      <TableRow>
    
    
    
    
      <TextView
    
    
    
    
      android:text
    
    
      =
    
    
      " 2 "
    
    
    
    
      android:gravity
    
    
      =
    
    
      "center"
    
    
      />
    
    
    
    
      <TextView
    
    
    
    
      android:text
    
    
      =
    
    
      "Google"
    
    
    
    
      android:gravity
    
    
      =
    
    
      "left"
    
    
      />
    
    
    
    
      <TextView
    
    
    
    
      android:text
    
    
      =
    
    
      "hello Google"
    
    
    
    
      android:gravity
    
    
      =
    
    
      "right"
    
    
      />
    
    
    
    
      </TableRow>
    
    
    
    
      <TableRow>
    
    
    
    
      <TextView
    
    
    
    
      android:text
    
    
      =
    
    
      "3"
    
    
    
    
      android:gravity
    
    
      =
    
    
      "center"
    
    
      />
    
    
    
    
      <TextView
    
    
    
    
      android:text
    
    
      =
    
    
      "Android"
    
    
    
    
      android:gravity
    
    
      =
    
    
      "left"
    
    
      />
    
    
    
    
      <TextView
    
    
    
    
      android:text
    
    
      =
    
    
      "Android OS"
    
    
    
    
      android:gravity
    
    
      =
    
    
      "right"
    
    
      />
    
    
    
    
      </TableRow>
    
    
    
    
      </TableLayout>
    
  
Android应用开发之( TableLayout中stretchColumns、shrinkColumns的用法)
布局讲解:
    
    
    
      android:collapse
    
    
      =
    
    
      "1
    
  
隐藏该TableLayout里的TableRow的列1,即第2列(从0开始计算),若有多列要隐藏,用“,”隔开。
    
    
    
      android:stretchColumns
    
    
      =
    
    
      "0,1,2"
    
    
    
  
设置列0、1、2为可伸展列。
    
    
    
      android:shrinkColumns
    
    
      =
    
    
      "1,2"
    
    
    
  
设置列1、2为可收缩列。
    
    
    
      android:background
    
    
      =
    
    
      "@drawable/picture_name"
    
  
本例中没有涉及此属性,它是要设置当前view 的背景图片,图片文件应该放在res文件夹下。

接着我们再看看android官方文档中给出的例子:
    
      <?
    
    
      xml version
    
    
      =
    
    
      "1.0"
    
    
       encoding
    
    
      =
    
    
      "utf-8"
    
    
      ?>
    
    
    
    
      <TableLayout
    
    
    
    
      xmlns:android
    
    
      =
    
    
      "http://schemas.android.com/apk/res/android"
    
    
    
    
      android:layout_width
    
    
      =
    
    
      "fill_parent"
    
    
    
    
      android:layout_height
    
    
      =
    
    
      "fill_parent"
    
    
    
    
      android:stretchColumns
    
    
      =
    
    
      "1"
    
    
      >
    
    
    
    
      <TableRow>
    
    
    
    
      <TextView
    
    
    
    
      android:layout_column
    
    
      =
    
    
      "1"
    
    
    
    
      android:text
    
    
      =
    
    
      "Open..."
    
    
    
    
      android:padding
    
    
      =
    
    
      "3dip"
    
    
    
    
      />
    
    
    
    
      <TextView
    
    
    
    
      android:text
    
    
      =
    
    
      "Ctrl-O"
    
    
    
    
      android:gravity
    
    
      =
    
    
      "right"
    
    
    
    
      android:padding
    
    
      =
    
    
      "3dip"
    
    
    
    
      />
    
    
    
    
      </TableRow>
    
    
    
    
      <TableRow>
    
    
    
    
      <TextView
    
    
    
    
      android:layout_column
    
    
      =
    
    
      "1"
    
    
    
    
      android:text
    
    
      =
    
    
      "Save..."
    
    
    
    
      android:padding
    
    
      =
    
    
      "3dip"
    
    
    
    
      />
    
    
    
    
      <TextView
    
    
    
    
      android:text
    
    
      =
    
    
      "Ctrl-S"
    
    
    
    
      android:gravity
    
    
      =
    
    
      "right"
    
    
    
    
      android:padding
    
    
      =
    
    
      "3dip"
    
    
    
    
      />
    
    
    
    
      </TableRow>
    
    
    
    
      <TableRow>
    
    
    
    
      <TextView
    
    
    
    
      android:layout_column
    
    
      =
    
    
      "1"
    
    
    
    
      android:text
    
    
      =
    
    
      "Save As..."
    
    
    
    
      android:padding
    
    
      =
    
    
      "3dip"
    
    
    
    
      />
    
    
    
    
      <TextView
    
    
    
    
      android:text
    
    
      =
    
    
      "Ctrl-Shift-S"
    
    
    
    
      android:gravity
    
    
      =
    
    
      "right"
    
    
    
    
      android:padding
    
    
      =
    
    
      "3dip"
    
    
    
    
      />
    
    
    
    
      </TableRow>
    
    
    
    
      <View
    
    
    
    
      android:layout_height
    
    
      =
    
    
      "2dip"
    
    
    
    
      android:background
    
    
      =
    
    
      "#FF909090"
    
    
    
    
      />
    
    
    
    
      <TableRow>
    
    
    
    
      <TextView
    
    
    
    
      android:text
    
    
      =
    
    
      "X"
    
    
    
    
      android:padding
    
    
      =
    
    
      "3dip"
    
    
    
    
      />
    
    
    
    
      <TextView
    
    
    
    
      android:text
    
    
      =
    
    
      "Import..."
    
    
    
    
      android:padding
    
    
      =
    
    
      "3dip"
    
    
    
    
      />
    
    
    
    
      </TableRow>
    
    
    
    
      <TableRow>
    
    
    
    
      <TextView
    
    
    
    
      android:text
    
    
      =
    
    
      "X"
    
    
    
    
      android:padding
    
    
      =
    
    
      "3dip"
    
    
    
    
      />
    
    
    
    
      <TextView
    
    
    
    
      android:text
    
    
      =
    
    
      "Export..."
    
    
    
    
      android:padding
    
    
      =
    
    
      "3dip"
    
    
    
    
      />
    
    
    
    
      <TextView
    
    
    
    
      android:text
    
    
      =
    
    
      "Ctrl-E"
    
    
    
    
      android:gravity
    
    
      =
    
    
      "right"
    
    
    
    
      android:padding
    
    
      =
    
    
      "3dip"
    
    
    
    
      />
    
    
    
    
      </TableRow>
    
    
    
    
      <View
    
    
    
    
      android:layout_height
    
    
      =
    
    
      "2dip"
    
    
    
    
      android:background
    
    
      =
    
    
      "#FF909090"
    
    
    
    
      />
    
    
    
    
      <TableRow>
    
    
    
    
      <TextView
    
    
    
    
      android:layout_column
    
    
      =
    
    
      "1"
    
    
    
    
      android:text
    
    
      =
    
    
      "Quit"
    
    
    
    
      android:padding
    
    
      =
    
    
      "3dip"
    
    
    
    
      />
    
    
    
    
      </TableRow>
    
    
    
    
      </TableLayout>
    
  
效果图如下,大家可以上机调试一下:

Android应用开发之( TableLayout中stretchColumns、shrinkColumns的用法)



今天的主要工作是调节UI,在设置TextView的左右间距时,发现设置TextView的paddingLeft和paddingRight后毫无效果,并且设置TextView的layout_width也没有作用。一直纠结于此,当检查父布局TableLayout的属性时,发现其中有这么两行:

android:stretchColumns="1" android:shrinkColumns="1"这两个属性是TableLayout所特有的,也是这两个属性影响了子对象的布局。由于表格布局比较特殊,Android IT在此为大家详细介绍一下它的布局方式:

表格布局是按照行列来组织子视图的布局。表格布局包含一系列的Tabrow对象,用于定义行(也可以使用其它子对象)。表格布局不为它的行、列和单元格显示表格线。每个行可以包含个以上(包括)的单元格; 每个单元格可以设置一个View对象.与行包含很多单元格一样, 表格包含很多列。表格的单元格可以为空。

列的宽度由该列所有行中最宽的一个单元格决定.不过表格布局可以通过shrinkColumns和 stretchColumns两个属性来标记某些列可以收缩或可以拉伸. 如果标记为可以收缩,列宽可以收缩以使表格适合容器的大小。如果标记为可以拉伸, 列宽可以拉伸以占用多余的空间。表格的总宽度由其父容器决定. 记住列可以同时具有可拉伸和可收缩属性。最后,你还可以通过设置collapseColumns属性来隐藏列。

表格布局的子对象不能指定android:layout_width属性.宽度永远是"match_parent"。不过子对象可以定义 android:layout_height属性;其默认值是wrap_content. 如果子对象是TableRow,其高度永远是wrap_content。

虽然表格布局典型的子对象是表格行,实际上你可以使用任何视图类的子类, 作为表格视图的直接子对象.视图会作为只有一行并结合了所有列的单元格显示。stretchColumns="1"(TextView拉伸):stretchColumns="0"(左边拉伸):

Android应用开发之( TableLayout中stretchColumns、shrinkColumns的用法)

Android应用开发之( TableLayout中stretchColumns、shrinkColumns的用法)


Android应用开发之( TableLayout中stretchColumns、shrinkColumns的用法)


更多文章、技术交流、商务合作、联系博主

微信扫码或搜索:z360901061

微信扫一扫加我为好友

QQ号联系: 360901061

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描下面二维码支持博主2元、5元、10元、20元等您想捐的金额吧,狠狠点击下面给点支持吧,站长非常感激您!手机微信长按不能支付解决办法:请将微信支付二维码保存到相册,切换到微信,然后点击微信右上角扫一扫功能,选择支付二维码完成支付。

【本文对您有帮助就好】

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描上面二维码支持博主2元、5元、10元、自定义金额等您想捐的金额吧,站长会非常 感谢您的哦!!!

发表我的评论
最新评论 总共0条评论