《android课表》之metro风格

利用padding控制组件之间的距离实现metro风格。话不多说，上代码。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@android:color/background_light"
    android:orientation="vertical"
    android:paddingBottom="10dp"
    android:paddingLeft="20dp"
    android:paddingRight="20dp"
    android:paddingTop="20dp" >

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="80dp"
        android:orientation="horizontal" >

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="编辑"
            android:textColor="#66cc33"
            android:textSize="45sp" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="class"
            android:textColor="#000000"
            android:textSize="25sp" />

        <ImageButton
            android:id="@+id/class_enter_button"
            android:layout_width="45dp"
            android:layout_height="45dp"
            android:layout_alignParentRight="true" 
            android:src="@drawable/enter_start"/>
    </LinearLayout>

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="80dp"
        android:background="#66cc33"
        android:orientation="horizontal" >
		
        <TextView 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="课程名称:"
            android:paddingTop="30dp"
            android:textColor="#FFFFFF"
            android:textSize="20sp"/>
        <EditText 
            android:id="@+id/add_class_name"
            android:paddingTop="30dp"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:background="#66cc33"/>
    </LinearLayout>

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="80dp"
        android:background="#FFFFFF"
        android:orientation="horizontal" >
		
        <TextView 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="上课地点:"
            android:paddingTop="30dp"
            android:textColor="#000000"
            android:textSize="20sp"/>
        <EditText 
            android:id="@+id/add_class_place"
            android:paddingTop="30dp"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"/>
    </LinearLayout>

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="80dp"
        android:background="#66cc33"
        android:orientation="horizontal" >

        <TextView 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="任课老师:"
            android:paddingTop="30dp"
            android:textColor="#FFFFFF"
            android:textSize="20sp"/>
        <EditText 
            android:id="@+id/add_class_teacher"
            android:paddingTop="30dp"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:background="#66cc33"/>
    </LinearLayout>
    
    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="80dp"
        android:background="#FFFFFF"
        android:orientation="horizontal" >

        <TextView 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingTop="30dp"
            android:text="上课时间:"
            android:textColor="#000000"
            android:textSize="20sp"/>
        <TextView 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingTop="30dp"
            android:text="第"
            android:textColor="#000000"
            android:textSize="20sp"/>
        <EditText 
            android:id="@+id/add_class_when_first"
            android:paddingTop="30dp"
            android:layout_width="40dp"
            android:layout_height="wrap_content"/>
        <TextView 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingTop="30dp"
            android:text="~"
            android:textColor="#000000"
            android:textSize="20sp"/>
        <EditText 
            android:id="@+id/add_class_when_second"
            android:paddingTop="30dp"
            android:layout_width="40dp"
            android:layout_height="wrap_content"/>
        <TextView 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingTop="30dp"
            android:text="周"
            android:textColor="#000000"
            android:textSize="20sp"/>
    </LinearLayout>
    
    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="80dp"
        android:background="#66cc33"
        android:orientation="horizontal" >

        <TextView 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingTop="30dp"
            android:text="备注:"
            android:textColor="#FFFFFF"
            android:textSize="20sp"/>
        <EditText 
            android:id="@+id/add_class_remark"
            android:paddingTop="30dp"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:background="#66cc33"/>
    </LinearLayout>

</LinearLayout>

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@android:color/background_light"
    android:orientation="vertical"
    android:paddingBottom="10dp"
    android:paddingLeft="20dp"
    android:paddingRight="20dp"
    android:paddingTop="40dp" >

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="80dp"
        android:orientation="horizontal" >

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="选择"
            android:textColor="#66cc33"
            android:textSize="45sp" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="DATE"
            android:textColor="#000000"
            android:textSize="25sp" />

        <ImageButton
            android:id="@+id/enter_start"
            android:layout_width="45dp"
            android:layout_height="45dp"
            android:layout_alignParentRight="true" 
        	android:layout_centerVertical="true"
            android:src="@drawable/enter_start"/>
    </LinearLayout>

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="80dp"
        android:background="#66cc33"
        android:orientation="horizontal" >

        <Spinner
            android:id="@+id/spinner_witch_term"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:background="#66cc33"
            android:entries="@array/term_name"
            android:prompt="@string/team_name" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="80dp"
        android:background="#FFFFFF"
        android:orientation="horizontal" >

        <Spinner
            android:id="@+id/spinner_when_term"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:background="#FFFFFF"
            android:entries="@array/term_date"
            android:prompt="@string/when_team" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="80dp"
        android:background="#66cc33"
        android:orientation="horizontal" >

        <Spinner
            android:id="@+id/spinner_how_term"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:background="#66cc33"
            android:entries="@array/term_weeks"
            android:prompt="@string/which_day" />
    </LinearLayout>

</LinearLayout>