首页 » 技术分享 » Android六大基本布局详解

Android六大基本布局详解

 

Android六大基本布局详解

 

 

一.基本理论


Android六大基本布局分别是:线性布局LinearLayout表格布局TableLayout相对布局RelativeLayout

层布局FrameLayout绝对布局AbsoluteLayout网格布局GridLayout。


其中,表格布局是线性布局的子类。


网格布局是android 4.0后新增的布局。


在手机程序设计中,绝对布局基本上不用,用得相对较多的是线性布局和相对布局。


学习基本布局要理解两个比较基础概念的图:

 

(一)Android布局管理器的类图

 

 

 

 

上面这个类图只是说了六大基本布局的关系,其实ViewGroup还有其他一些布局管理器。

这里要理解一点就是布局也是布局管理器,因为布局里面还可以添加布局。

 

(二)Android布局的XML关系图

 

 

之前我一直不理解这个图是什么意思,直到最近我把上面两个图一起消化,并且用代码做实验,终于明白了。


其实这第二个图说的是:布局管理器里面既可以添加多个布局管理器又可以添加多个控件,

而控件里面不能在添加布局或控件了。


比如:一个LinearLayout里面可以有RelativeLayout布局,也可以添加TextView控件,

RelativeLayout里面还能有布局,而TextVIew里面不能有其他东西了。

 




 

.各个布局的使用

 

(一)线性布局

 

线性布局在开发中使用最多,具有垂直方向与水平方向的布局方式,通过设置属性“android:orientation”控制方向,

属性值垂直(vertical)和水平(horizontal),默认水平方向。


android:gravity:内部控件对齐方式,常用属性值有center、center_vertical、center_horizontal、top、bottom、left、right等。

这个属性在布局组件RelativeLayout、TableLayout中也有使用,FrameLayout、AbsoluteLayout则没有这个属性。

center:居中显示,这里并不是表示显示在LinearLayout的中心,当LinearLayout线性方向为垂直方向时,

center表示水平居中,但是并不能垂直居中,此时等同于center_horizontal的作用;同样当线性方向为水平方向时,center表示垂直居中,等同于center_vertical。


top、bottom、left、right顾名思义为内部控件居顶、低、左、右布局。


这里要与android:layout_gravity区分开,layout_gravity是用来设置自身相对于父元素的布局。


android:layout_weight:权重,用来分配当前控件在剩余空间的大小。

使用权重一般要把分配该权重方向的长度设置为零,比如在水平方向分配权重,就把width设置为零。

 

 

示例:多功能计算机的设计


   

    
    

        
     
    
    

    
    

        
     

            
      

                
        
         
         
         
         
         
       

                
        
         
         
         
         
         
       
            
      

            
      

                
       
            
      
        
     

        
     

            
      

            
      

            
      

            
      

            
      

            
      
        
     

        
     

            
      

            
      

            
      

            
      

            
      

            
      
        
     

        
     

            
      

            
      

            
      

            
      

            
      
        
     
    
    


   

转载自原文链接, 如需删除请联系管理员。

原文链接:Android六大基本布局详解,转载请注明来源!

0