【簡單的學生管理界面】①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代碼