Android布局充分演示Demo

 一个好的应用不仅仅功能强，还要在界面上花了一番功夫，设计越好看，用户体验增加了一番或者加动画那就更好不过了.了解布局就必须知道五大布局:

线性布局(LinearLayout),相对布局(RelativeLayout),帧布局(FrameLayout),绝对布局(AbsoluteLayout),表格布局(TableLayout)

目前用的最多前两个:线性，相对布局，前者特点是:它将控件组织在一个垂直或水平的形式。当布局方向设置为垂直时，它里面的所有子控件被组织在同一列中；当布局方向设置为水平时，所有子控件被组织在一行中，后者特点为可以调整方向(左),(水平垂直)(右)对齐，帧布局有点像网页，绝对布局已经目前没什么人用了。表格布局，顾名思义就是用表格显示布局，只不过表格你是看不见的。怎么把以上布局用的熟练了。我做了一个demo，效果图:

这个怎么做的呢？我可以回答你用相对布局，但总体布局还是线性。而且不是写在同一个布局里，二是分开写，分开写好处在于减少代码的重复性而已。所以我新建了三个布局，一个顶部的，底部，最后主界面的。让我们看看代码,首先是头部:

 
 <RelativeLayout        
      
   xmlns:android="http://schemas.android.com/apk/res/android"        
      
   android:orientation="horizontal"        
      
  android:background="@drawable/top"        
      
   android:layout_width="fill_parent"        
      
  android:layout_height="@dimen/main_top">        
                  
     <TextView android:text="测试" android:layout_width="fill_parent"        
      
                 android:layout_height="wrap_content" android:gravity="center_horizontal|center_vertical"        
      
                 android:textSize="19sp" android:textColor="@android:color/background_dark"        
      
                 android:layout_centerVertical="true"        
      
                 android:layout_centerHorizontal="true"></TextView>        
              
 </RelativeLayout>        
     
    

你可以看到头部是相对作为命名空间，方向是水平，而且高度控制在40－50dip之内，设置wrap_content会觉得很大，所以缩小高度,下面只要文字就行，哪怕你拖进也行。接着是底部:

 
 <RelativeLayout        
      
   xmlns:android="http://schemas.android.com/apk/res/android"        
      
   android:orientation="horizontal"        
      
   android:background="@drawable/list_bottombar_bg"        
      
   android:layout_width="fill_parent"        
      
 android:layout_height="@dimen/main_bottom">        
                  
   <ImageView         
      
   android:layout_width="105dip"        
      
   android:layout_height="wrap_content"        
      
   android:background="@drawable/list_bottombar_local"        
      
   android:layout_alignParentLeft="true"/>          
          
   <ImageView         
      
   android:layout_width="105dip"        
      
   android:layout_height="wrap_content"        
      
   android:background="@drawable/list_bottombar_favorite"        
      
   android:layout_centerHorizontal="true"/>            
          
    <ImageView         
      
   android:layout_width="105dip"        
      
   android:layout_height="wrap_content"        
      
   android:background="@drawable/list_bottombar_online"        
      
   android:layout_alignParentRight="true"/>          
      
 </RelativeLayout>        
     
    

 
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"        
      
     android:orientation="vertical"        
      
     android:layout_width="fill_parent"        
      
     android:layout_height="fill_parent">        
          
 <!--用include把布局包围起来-->        
      
     <include         
      
       android:layout_width="wrap_content"        
      
      android:layout_height="@dimen/main_top"        
      
     layout="@layout/main_top"/>        
          
     <ListView         
      
     android:layout_width="fill_parent"        
      
     android:layout_height="wrap_content"        
      
     android:layout_weight="1"        
      
     android:id="@+id/listview"        
      
     android:cacheColorHint="#ffffffff">        
      
     </ListView>        
          
     <include         
      
       android:layout_width="wrap_content"        
      
      android:layout_height="@dimen/main_bottom"        
      
     layout="@layout/main_bottom"/>        
      
 </LinearLayout>