你的位置:首页 > 操作系统

[操作系统][android] 天气app布局练习(三)


主要练习LinearLayout和layout_weight属性

<RelativeLayout ="http://schemas.android.com/apk/res/android"  ="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>