【Android开发】布局管理器-表格布局

在XML布局文件中定义表格布局管理器的基本语法：

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
   属性列表
 >
   <TableRow 属性列表> 需要添加的UI组件</TableRow>
   多个TableRow
 </TableLayout>


 TableLayout支持的XML属性：
 android:collapseColumns设置要被隐藏的序列号(从0开始，用','分离)
 android:shrinkColumns设置允许被收缩的序列号(从0开始，用','分离)
 android:stretchColumns设置允许被拉伸的序列号(从0开始，用','分离)

下面使用表格布局实现一个用户登录的界面

效果图：

 

实现代码：

MainActivity：

package com.example.test;


import android.app.Activity;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.widget.FrameLayout;


public class MainActivity extends Activity {
  
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
    
  }
}

res/layout/main.xml:

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:id="@+id/tableLayout1"
    android:gravity="center_vertical"
    android:background="#000000"
    android:stretchColumns="0,3"
    >
    <!-- 第一行 -->
    <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:layout_height="wrap_content"
            android:textSize="24px"
            android:textColor="#FFFFFF"/>
        <EditText android:id="@+id/editView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="#FFFFFF"
            android:minWidth="200px"/>
        <TextView/>
    </TableRow>
    <!-- 第二行 -->
    <TableRow android:id="@+id/tableRow2"
        android:layout_marginTop="10px"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
        <TextView/>
        <TextView android:text="密    码:"
            android:id="@+id/textView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="24px"
            android:textColor="#FFFFFF"/>
        <EditText android:id="@+id/editView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="#FFFFFF"
            android:textSize="24px"
            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_width="wrap_content"
            android:layout_height="wrap_content"/>
        <Button android:text="退出"
            android:id="@+id/button2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>
        <TextView/>
    </TableRow>
</TableLayout>