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

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


php输出xml格式字符串
J2ME Mobile 3D入门教程系列文章之一
XML轻松学习手册
XML入门的常见问题(一)
XML入门的常见问题(三)
XML轻松学习手册(2)XML概念
xml文件介绍及使用
xml编程(一)-xml语法
XML文件结构和基本语法
第2章 包装类
XML入门的常见问题(二)
Java对象的强、软、弱和虚引用
JS解析XML文件和XML字符串详解
java中枚举的详细使用介绍
了解Xml格式
XML入门的常见问题(四)
深入SQLite多线程的使用总结详解
PlayFramework完整实现一个APP(一)
XML和YAML的使用方法
XML轻松学习总节篇