[android] 天气app布局练习（三）详解手机开发

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:background="#3186D9" 
    tools:context="${relativePackage}.${activityClass}" > 
 
    <ImageView 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_marginLeft="10dp" 
        android:layout_marginTop="10dp" 
        android:src="@drawable/icon_home" /> 
 
    <TextView 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_centerHorizontal="true" 
        android:layout_marginTop="12dp" 
        android:text="北京" 
        android:textColor="#FDFDFD" /> 
 
    <ImageView 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_alignParentRight="true" 
        android:layout_marginRight="10dp" 
        android:layout_marginTop="10dp" 
        android:src="@drawable/icon_more" /> 
 
    <TextView 
        android:id="@+id/tv_number" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_centerHorizontal="true" 
        android:layout_marginTop="70dp" 
        android:text="29" 
        android:textColor="#fff" 
        android:textSize="50sp" /> 
 
    <TextView 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_alignTop="@id/tv_number" 
        android:layout_toRightOf="@id/tv_number" 
        android:text="°" 
        android:textColor="#FDFDFD" 
        android:textSize="30sp" /> 
 
    <LinearLayout 
        android:id="@+id/ll_weather" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_below="@id/tv_number" 
        android:layout_centerHorizontal="true" 
        android:orientation="horizontal" > 
 
        <TextView 
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content" 
            android:layout_centerHorizontal="true" 
            android:text="多云" 
            android:textColor="#FDFDFD" /> 
 
        <TextView 
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content" 
            android:layout_centerHorizontal="true" 
            android:text=" | " 
            android:textColor="#bbb" /> 
 
        <TextView 
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content" 
            android:layout_centerHorizontal="true" 
            android:text="空气优" 
            android:textColor="#FDFDFD" /> 
    </LinearLayout> 
 
    <LinearLayout 
        android:layout_width="match_parent" 
        android:layout_height="wrap_content" 
        android:layout_alignParentBottom="true" 
        android:orientation="vertical" > 
 
        <LinearLayout 
            android:layout_width="match_parent" 
            android:layout_height="wrap_content" 
            android:layout_marginBottom="15dp" 
            android:orientation="horizontal" > 
 
            <LinearLayout 
                android:layout_width="match_parent" 
                android:layout_height="wrap_content" 
                android:layout_weight="1" 
                android:gravity="center_horizontal" 
                android:orientation="vertical" > 
 
                <TextView 
                    android:layout_width="wrap_content" 
                    android:layout_height="wrap_content" 
                    android:text="今天" 
                    android:textColor="#eee" /> 
 
                <ImageView 
                    android:layout_width="wrap_content" 
                    android:layout_height="wrap_content" 
                    android:src="@drawable/icon_weather" /> 
 
                <TextView 
                    android:layout_width="wrap_content" 
                    android:layout_height="wrap_content" 
                    android:text="20 /25°" 
                    android:textColor="#eee" /> 
            </LinearLayout> 
 
            <LinearLayout 
                android:layout_width="match_parent" 
                android:layout_height="wrap_content" 
                android:layout_weight="1" 
                android:gravity="center_horizontal" 
                android:orientation="vertical" > 
 
                <TextView 
                    android:layout_width="wrap_content" 
                    android:layout_height="wrap_content" 
                    android:text="明天" 
                    android:textColor="#eee" /> 
 
                <ImageView 
                    android:layout_width="wrap_content" 
                    android:layout_height="wrap_content" 
                    android:src="@drawable/icon_weather" /> 
 
                <TextView 
                    android:layout_width="wrap_content" 
                    android:layout_height="wrap_content" 
                    android:text="20 /25°" 
                    android:textColor="#eee" /> 
            </LinearLayout> 
 
            <LinearLayout 
                android:layout_width="match_parent" 
                android:layout_height="wrap_content" 
                android:layout_weight="1" 
                android:gravity="center_horizontal" 
                android:orientation="vertical" > 
 
                <TextView 
                    android:layout_width="wrap_content" 
                    android:layout_height="wrap_content" 
                    android:text="后天" 
                    android:textColor="#eee" /> 
 
                <ImageView 
                    android:layout_width="wrap_content" 
                    android:layout_height="wrap_content" 
                    android:src="@drawable/icon_weather" /> 
 
                <TextView 
                    android:layout_width="wrap_content" 
                    android:layout_height="wrap_content" 
                    android:text="20 /25°" 
                    android:textColor="#eee" /> 
            </LinearLayout> 
        </LinearLayout> 
 
 
        <GridView 
            android:id="@+id/gv_airs" 
            android:layout_width="match_parent" 
            android:layout_height="wrap_content" 
            android:background="#ddd" 
            android:gravity="center" 
            android:horizontalSpacing="1dp" 
            android:listSelector="@android:color/transparent" 
            android:numColumns="3" 
            android:padding="1dp" 
            android:scrollbars="none" 
            android:stretchMode="columnWidth" 
            android:verticalSpacing="1dp" /> 
    </LinearLayout> 
 
</RelativeLayout>