Android布局管理（4）

，这几天进度还是挺快的，我们已经到了Android布局管理器了。接下来让我们认识最常见的布局方式，也是安卓默认的布局放方式：

LinearLayout 线性布局方式

分为：垂直和水平布局

FrameLayout 框架布局方式
TableLayout 表格布局方式

这个需要重点讲一下：

TableLayout属性：

　　android:collapseColumns:将TableLayout里面指定的列隐藏，若有多列需要隐藏，请用逗号将需要隐藏的列序号隔开。

　　android:stretchColumns:设置指定的列为可伸展的列，以填满剩下的多余空白空间，若有多列需要设置为可伸展，请用逗号将需要伸展的列序号隔开。

　　android:shrinkColumns:设置指定的列为可收缩的列。当可收缩的列太宽(内容过多)不会被挤出屏幕。当需要设置多列为可收缩时，将列序号用逗号隔开。

列元素(Button)属性：（奇怪的是button 里面没有android:layout_column 和android:layout_span两个属性，写进去无反应，还不知道为什么）

　　android:layout_colum:设置该控件在TableRow中指定的列。

　　android:layout_span:设置该控件所跨越的列数。

<TableLayout xmlns:tools="http://schemas.android.com/tools"    xmlns:android="http://schemas.android.com/apk/res/android"    android:id="@+id/TableLayout1"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:paddingBottom="@dimen/activity_vertical_margin"    android:paddingLeft="@dimen/activity_horizontal_margin"    android:paddingRight="@dimen/activity_horizontal_margin"    android:paddingTop="@dimen/activity_vertical_margin"    tools:context=".MainActivity" >    <TableRow        android:id="@+id/tableRow1"        android:layout_width="wrap_content"        android:layout_height="wrap_content" >        <EditText            android:id="@+id/editText1"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:ems="10"            android:text="请选择学校" />        <Button            android:id="@+id/button1"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="检索" />    </TableRow>    <View             android:layout_height="2px"            android:background="#FF909090"                           />    <TableRow        android:id="@+id/tableRow2"        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="选择院校" />        <RadioGroup            android:id="@+id/radioGroup1"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:orientation="vertical" >        </RadioGroup>    </TableRow>    <RadioButton        android:id="@+id/radio0"        android:checked="true"        android:text="信息院" />    <RadioButton        android:id="@+id/radio1"        android:text="电气院" /></TableLayout>

演示效果如下：

其中view是定义了一条分割线

接下来我们用tablelayout做一个表格数据，处理表格上，通常我们都用Tablelayout

 <TableRow        android:id="@+id/tableRow1"        >        <TextView            android:layout_column="0"            android:gravity="center_horizontal"            android:padding="8px"            android:id="@+id/TextView1"                        android:text="学号" />        <TextView            android:id="@+id/TextView2"            android:layout_column="1"            android:gravity="center_horizontal"            android:padding="8px"                       android:text="姓名" />        <TextView            android:id="@+id/textView3"            android:layout_column="2"            android:gravity="center_horizontal"            android:padding="8px"            android:text="班级" />        <TextView            android:id="@+id/textView4"            android:layout_column="3"            android:gravity="center_horizontal"            android:padding="8px"            android:text="地址" />    </TableRow>    <View             android:layout_height="2px"            android:background="#FFF04334"                />    <TableRow        android:id="@+id/tableRow2"        android:layout_width="wrap_content"        android:layout_height="wrap_content" >                        <TextView            android:layout_column="0"            android:gravity="center_horizontal"            android:padding="3px"            android:id="@+id/TextView1"                        android:text="201208010427" />        <TextView            android:id="@+id/TextView2"            android:layout_column="1"            android:gravity="center_horizontal"            android:padding="3px"                       android:text="张依依" />        <TextView            android:id="@+id/textView3"            android:layout_column="2"            android:gravity="center_horizontal"            android:padding="3px"            android:text="计科四班" />        <TextView            android:id="@+id/textView4"            android:layout_column="3"            android:gravity="center_horizontal"            android:padding="3px"            android:text="湖南长沙天马学生公寓" />            </TableRow>    <TableRow        android:id="@+id/tableRow3"        android:layout_width="wrap_content"        android:layout_height="wrap_content" >        <TextView            android:layout_column="0"            android:gravity="center_horizontal"            android:padding="3px"            android:id="@+id/TextView1"                        android:text="201208010428" />        <TextView            android:id="@+id/TextView2"            android:layout_column="1"            android:gravity="center_horizontal"            android:padding="3px"                       android:text="周婷婷" />        <TextView            android:id="@+id/textView3"            android:layout_column="2"            android:gravity="center_horizontal"            android:padding="3px"            android:text="计科三班" />        <TextView            android:id="@+id/textView4"            android:layout_column="3"            android:gravity="center_horizontal"            android:padding="3px"            android:text="湖南长沙天马学生公寓3区4栋435" />    </TableRow>

显示效果如下：

我们发现了一个很大的缺陷，就是多打出来的字都不见了，因为超过了屏幕显示长度，那么怎么办呢，别着急，tablelayout定义了很多方法，例如：

<TableLayout xmlns:tools="http://schemas.android.com/tools"
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/TableLayout1"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:shrinkColumns="3" //允许第4列收缩

android:stretchColumns="2"//允许第3列被拉伸
tools:context=".MainActivity" >

运行效果：

这样看起来是不是效果好了很多，，大家一起来试试吧。

还可以加上

android:collapseColumns="0,3" 这一句的意思是第一列和第三列隐藏

效果：

还可以添加表格背景图：

更多相关文章

随机推荐