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

主要练习LinearLayout和layout_weight属性

 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