android xml天气预报界面,天气预报主界面--main_interaface.xml

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

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:orientation="horizontal"

android:layout_marginTop="10dp"

android:layout_weight="4.3">

android:id="@+id/cityName"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:textColor="#000000"

android:textSize="50sp"

/>

android:id="@+id/queryNowWeather"

android:layout_width="39dp"

android:layout_height="46dp"

android:cacheColorHint="#00000000"

android:src="@drawable/location_up_and_down" />

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:orientation="vertical">

android:id="@+id/date"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:textColor="#000000"

android:layout_marginLeft="50sp"

android:textSize="13sp"/>

android:id="@+id/weeks"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:textColor="#000000"

android:layout_marginLeft="50sp"

android:textSize="13sp"

/>

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:orientation="horizontal"

android:layout_weight="3.9" >

android:id="@+id/weather"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:textColor="#000000"

android:layout_marginTop="20sp"

android:textSize="20sp" />

android:id="@+id/image"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentRight="true"

android:layout_marginRight="30dp"/>

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text=" "

/>

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"/>

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:orientation="vertical"

android:layout_weight="4.7" >

android:id="@+id/index"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:textColor="#000000"

android:textSize="18sp"/>

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:orientation="horizontal"

android:layout_weight="4">

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

android:id="@+id/tomorrow_week"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:textColor="#000000"

android:textSize="13sp"/>

android:id="@+id/tomorrow_weather"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:textColor="#000000"

android:textSize="13sp"/>

android:id="@+id/tomorrow_image"

android:layout_width="wrap_content"

android:layout_height="wrap_content" />

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

android:id="@+id/after_tomorrow_week"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:textColor="#000000"

android:textSize="13sp"/>

android:id="@+id/after_tomorrow_weather"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:textColor="#000000"

android:textSize="13sp"/>

android:id="@+id/after_tomorrow_image"

android:layout_width="wrap_content"

android:layout_height="wrap_content"/>

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:orientation="vertical"

android:gravity="bottom"

android:layout_weight="4.1">

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" />

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" />

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:orientation="horizontal"

android:layout_marginBottom="5dp"

>

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" />

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" />

android:id="@+id/share"

android:layout_width="34dp"

android:layout_height="39dp"

android:layout_marginLeft="38dp"

android:background="@drawable/share_up_and_down" />

界面如图。

这个界面有点复杂，嵌套了太多LinearLayout，为了适应各种分辨率手机，分别用了5个LinearLayout来包住所有的控件，然后在这5个LinearLayout中设置各自的权重，效果就是这样。

左下角的Button设置了Background，用了一个selector来实现Button按下和normal的效果

总结

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。

小编个人微信号 jb51ccc

喜欢与人分享编程技术与工作经验，欢迎加入编程之家官方交流群！