[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>