Android Studio 表格布局实现登陆界面

在xml文件中添加以下代码：

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/tableLayout1" android:layout_height="match_parent" android:layout_width="match_parent" android:gravity="center" >

    //第一行
    <TableRow  android:id="@+id/tableRow1" android:gravity="center" 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="用户名：" android:textSize="30px" />

        <EditText  android:id="@+id/editText1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:minWidth="200px" android:textSize="30px" />
        </TableRow>

    //第二行
    <TableRow  android:id="@+id/tableRow2" android:gravity="center" android:layout_width="wrap_content" android:layout_height="wrap_content">

        <TextView  android:id="@+id/textView2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="密 码：" android:textSize="30px" />

        <EditText  android:id="@+id/editText2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:minWidth="200px" android:textSize="30px" android:inputType="textPassword" />
    </TableRow>

    //第三行
    <TableRow  android:id="@+id/tableRow3" android:gravity="center" android:layout_width="wrap_content" android:layout_height="wrap_content">

         <Button  android:id="@+id/button1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="登 录" android:textSize="30px" />

        <Button  android:id="@+id/button2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="注 册" android:textSize="30px" />

</TableRow>

</TableLayout>

效果图：

知识点：

一、gravity : 用于设置View中内容相对于View组件的对齐方式。其可选值有：top、bottom、left、right、fill_vertical、center_horizontal、center、fill、clip_vertical、clip_horizontal。这些值也能够同时指定，各属性值用竖线隔开。例如靠右下角对其：right|bottom。