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

前端之家收集整理的这篇文章主要介绍了天气预报主界面--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">
原文链接:https://www.f2er.com/xml/298323.html

猜你在找的XML相关文章