《android课表》之metro风格

来源：互联网发布：大数据行业分析编辑：程序博客网时间：2024/05/21 22:28

利用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>