【简单的学生管理界面】①Android的网格布局（GridLayout）和表格布局（Table）写学生管理界面

网格布局：

<?xml version="1.0" encoding="utf-8"?>
<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:columnCount="4"
    android:useDefaultMargins="true" >
    
    <TextView 
        android:id="@+id/stu_info"
        android:layout_gravity="center_horizontal"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="学生信息管理"
        android:layout_columnSpan="4"/>
    <TextView 
        android:text="姓名："
        android:layout_gravity="right"
        />
	<EditText 
        android:id="@+id/name"
	    android:ems="4"
	    />
    <TextView 
        android:text="学号："
        android:layout_gravity="right"
        />
	<EditText 
        android:id="@+id/num"
	    android:ems="4"
	    />
	<TextView 
        android:id="@+id/sex"
	    android:text="性别："
        android:layout_gravity="right|center_vertical"/>
	<RadioGroup 
        android:id="@+id/sex_group"
	    android:layout_columnSpan="3"
	    android:orientation="horizontal">
	    <RadioButton 
            android:id="@+id/man"
	        android:text="男"/>

	    <RadioButton 
            android:id="@+id/woman"
	        android:text="女"/>
	</RadioGroup>
	
	<TextView 
	    android:text="民族："
        android:layout_gravity="right|center_vertical"/>
	<Spinner 
	    android:id="@+id/nat"
	    android:layout_width="100sp"/>
	
	<TextView
	    android:text="出生日期："
	    android:layout_column="0"/>
	<TextView
        android:id="@+id/born"
	    android:text="2019-03-21"
	    android:layout_gravity="center"/>
	<Button 
	    android:id="@+id/date_boom"
	    android:text="..."/>
	
	<TextView 
	    android:text="专业："
        android:layout_gravity="right|center_vertical"
	    android:layout_column="0"/>
	<Spinner 
	    android:id="@+id/major"
	    android:layout_width="100sp"/>

	<Button
	    android:id="@+id/go"
	    android:layout_width="127dp"
	    android:layout_height="wrap_content"
	    android:layout_column="1"
	    android:layout_columnSpan="3"
	    android:layout_gravity="top"
	    android:text="确认" />
	
</GridLayout>

相应属性说明：

android:columnCount="4"为整个界面分布4个格子

android:layout_columnSpan="4"为占用4个格子

android:layout_gravity="center_horizontal"文字居中

android:layout_column="0"将控件置于第一列

 

表格布局：

 

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
    <TableRow 
        android:id="@+id/row0">
        <TextView 
           android:id="@+id/stu_info"
           android:text="学生信息管理"
           android:layout_gravity="center_horizontal"
           android:layout_span="4" />
    </TableRow>
    <TableRow 
        android:id="@+id/row1">
        <TextView 
            android:text="姓名："/>
        <EditText 
            android:id="@+id/name"
            android:ems="4"/>
        <TextView 
            android:text="学号："/>
        <EditText 
            android:id="@+id/num"
            android:ems="4"/>
    </TableRow>
    <TableRow 
        android:id="@+id/row2">
        <TextView 
            android:id="@+id/sex"
            android:text="性别："
            android:layout_gravity="center_vertical"/>
        <RadioGroup 
            android:id="@+id/sex_group"
            android:layout_span="2"
            android:orientation="horizontal">
            <RadioButton 
                android:id="@+id/man"
                android:text="男"/>
            <RadioButton 
                android:id="@+id/woman"
                android:text="女"/>
        </RadioGroup>
    </TableRow>
    
    <TableRow 
        android:id="@+id/row3">
        <TextView 
            android:text="民族："
            android:layout_gravity="center_vertical"/>
        <Spinner 
	    	android:id="@+id/nat"
	    	android:layout_width="100sp"/>
    </TableRow>

    <TableRow 
        android:id="@+id/row4">
        <TextView 
            android:text="出生日期："/>
        <TextView 
            android:id="@+id/born"
            android:text="2019-30-21"
            android:layout_gravity="center"/>
        <Button 
            android:id="@+id/date_boom"
            android:text="..."/>
    </TableRow>
    
    <TableRow 
        android:id="@+id/row5">
        <TextView 
            android:text="专业："
            android:layout_gravity="center_vertical"/>
        <Spinner 
	    	android:id="@+id/major"
	    	android:layout_width="100sp"/>
    </TableRow>
    <TableRow 
        android:id="@+id/row6">
        <Button 
            android:id="@+id/go"
            android:text="确认"
            android:layout_span="2"
            android:layout_column="1"/>
    </TableRow>
</TableLayout>

相应属性说明：

android:layout_span="4"占用4个格子

android:ems="4"假装有4个字符，用于增长edittext的长度

 

控件之间不对齐怎么办？

可以使用属性android:layout_gravity="right|center_vertical"，居右+垂直居中

 下一博文将写出功能的实现demo【简单的学生管理界面】②Android——活动Activity.java代码