<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/mainId"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@drawable/background1"
android:orientation="vertical" >
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="horizontal"
android:layout_marginTop="10dp"
android:layout_weight="4.3">
<TextView
android:id="@+id/cityName"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#000000"
android:textSize="50sp"
/>
<ImageView
android:id="@+id/queryNowWeather"
android:layout_width="39dp"
android:layout_height="46dp"
android:cacheColorHint="#00000000"
android:src="@drawable/location_up_and_down" />
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical">
<TextView
android:id="@+id/date"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#000000"
android:layout_marginLeft="50sp"
android:textSize="13sp"/>
<TextView
android:id="@+id/weeks"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#000000"
android:layout_marginLeft="50sp"
android:textSize="13sp"
/>
</LinearLayout>
</LinearLayout>
<RelativeLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="horizontal"
android:layout_weight="3.9" >
<TextView
android:id="@+id/weather"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#000000"
android:layout_marginTop="20sp"
android:textSize="20sp" />
<ImageView
android:id="@+id/image"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_marginRight="30dp"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=" "
/>
<TextView
android:id="@+id/temperature"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#000000"
android:textSize="20sp"
android:layout_below="@id/weather"/>
</RelativeLayout>
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical"
android:layout_weight="4.7" >
<TextView
android:id="@+id/index"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#000000"
android:textSize="18sp"/>
</LinearLayout>
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="horizontal"
android:layout_weight="4">
<LinearLayout
android:orientation="vertical"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:background="@drawable/boder"
android:gravity="center_horizontal"
android:layout_weight="0.50">
<TextView
android:id="@+id/tomorrow_week"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#000000"
android:textSize="13sp"/>
<TextView
android:id="@+id/tomorrow_weather"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#000000"
android:textSize="13sp"/>
<ImageView
android:id="@+id/tomorrow_image"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</LinearLayout>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:background="@drawable/boder"
android:orientation="vertical"
android:gravity="center_horizontal"
android:layout_weight="0.50" >
<TextView
android:id="@+id/after_tomorrow_week"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#000000"
android:textSize="13sp"/>
<TextView
android:id="@+id/after_tomorrow_weather"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#000000"
android:textSize="13sp"/>
<ImageView
android:id="@+id/after_tomorrow_image"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
</LinearLayout>
</LinearLayout>
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical"
android:gravity="bottom"
android:layout_weight="4.1">
<Button
android:id="@+id/queryGuangzhou"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="5dp"
android:background="@drawable/maininterface_button_up_and_down"
android:text="@string/queryGuangzhou" />
<Button
android:id="@+id/history"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/maininterface_button_up_and_down"
android:text="@string/history" />
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_marginBottom="5dp"
>
<Button
android:id="@+id/queryOther"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="20dp"
android:background="@drawable/maininterface_button_up_and_down"
android:text="@string/queryOther" />
<Button
android:id="@+id/alarm"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="20dp"
android:background="@drawable/maininterface_button_up_and_down"
android:text="@string/alarm" />
<Button
android:id="@+id/share"
android:layout_width="34dp"
android:layout_height="39dp"
android:layout_marginLeft="38dp"
android:background="@drawable/share_up_and_down" />
</LinearLayout>
</LinearLayout>
</LinearLayout>
</pre><pre name="code" class="html">
界面如图。
这个界面有点复杂,嵌套了太多LinearLayout,为了适应各种分辨率手机,分别用了5个LinearLayout来包住所有的控件,然后在这5个LinearLayout中设置各自的权重,效果就是这样。
左下角的Button设置了Background,用了一个selector来实现Button按下和normal的效果
<?xml version="1.0" encoding="utf-8" ?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<!-- 触摸模式下单击时的背景图片-->
<item android:state_pressed="true" android:drawable="@drawable/maininterface_button_down" />
<!--选中时的图片背景-->
<item android:state_pressed="false" android:drawable="@drawable/maininterface_button_up" />
</selector>
</pre><pre name="code" class="html">