表格布局

表格布局

表格布局与常见的表格类似,以行,列的形式来管理放入其中的UI组件。表格布局使用<TableLayout>标记定义,在表格布局中,可以添加多个<TableRow>标记占用一行。由于<TableRow>标记也是容器,所以还可以在该标记中添加其他组件,每添加一个组件,表格就会增加一列。在表格布局中,列可以被隐藏,也可以被设置为伸展的,从而填充可利用的屏幕空间,还可以设置为强制收缩,直到表格匹配屏幕大小。

在表格布局中有三个属性值 android:collapseCollumns,android:shrinkCollumns,android:stretchCollumns,分别用来设置需要被隐藏的的列的列序号,允许被收缩的列的列序号,和允许被拉伸的列的列序号。。但是现在我并没有理解。。。

 

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

xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/tableLayout1"
android:background="@drawable/ic_launcher_background"
android:gravity="center_vertical|center_horizontal"
android:shrinkColumns="0,3"
tools:context=".MainActivity">

<TableRow android:id="@+id/tableRow1"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<TextView />
<TextView
android:text="用户名:"
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:textSize="24px"
android:layout_height="wrap_content"
/>
<EditText
android:id="@+id/editText1"
android:textSize="24px"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:minWidth="200px"/>
<TextView />
</TableRow>
<TableRow
android:id="@+id/tableRow2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
>
<TextView />
<TextView android:text="密 码:"
android:id="@+id/textView2"
android:textSize="24px"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
<EditText
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="24px"
android:id="@+id/editText2"
android:inputType="textPassword"/>
<TextView />
</TableRow>
<TableRow
android:id="@+id/tableRow3"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<TextView />
<Button android:text="登录"
android:id="@+id/button1"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
/>
<Button android:text="退出"
android:id="@+id/button2"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
/>
<TextView />

</TableRow>
这里同样的,相关的属性值和线性布局类似。

 

posted @ 2018-09-13 22:34  gaoboss  阅读(166)  评论(0编辑  收藏  举报