[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: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> 
</RelativeLayout>