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" 这一句的意思是第一列和第三列隐藏
效果:
还可以添加表格背景图: