Android 学习总结--六大常用布局

目录

一、相对布局(RelativeLayout)

二、线性布局(LinearLayout)

三、网格布局(GridLayout)

四、表格布局(TableLayout)

五、帧布局(FrameLayout)

六、约束布局(ConstraintLayout)


        所有的UI元素都是通过View与ViewGroup构建的。而ViewGroup可作为容器盛装界面中的控件,可包含普通的View控件,也可包含ViewGroup,即ViewGroup可嵌套ViewGroup.

View 视图:

Android 学习总结--六大常用布局_第1张图片

视图类View层次结构图

        

Android 学习总结--六大常用布局_第2张图片

 

         从上面的层次结构图,可以看出这些布局都直接或者间接继承自ViewGroup,因此它们也支持在ViewGroup中定义的属性,这些属性可以看作是布局的通用属性。

Android 学习总结--六大常用布局_第3张图片

 

除此之外,就是各类布局的特殊属性。

一、相对布局(RelativeLayout)

         相对布局可以设置某一个视图相对于其他视图的位置,即是以其他控件或父容器为参照物设置位置的。

特点:通过相对定位排列

常用属性:

Android 学习总结--六大常用布局_第4张图片

 

案例:

Android 学习总结--六大常用布局_第5张图片

 

 代码:




    

二、线性布局(LinearLayout)

        线性布局是最常用的布局方式,可分为水平线性布局和垂直线性布局。

特点:以水平或垂直方向排列

常用属性:

Android 学习总结--六大常用布局_第6张图片

 

案例:

Android 学习总结--六大常用布局_第7张图片

代码:




    
    
    

    

 

三、网格布局(GridLayout)

        网格布局是Android4.0新增的布局,它实现了控件的交错显示,能够避免因布局嵌套对设备性能的影响,更利于自由布局的开发。 网格布局用一组无限细的直线将绘图区域分成行、列和单元,并指定控件的显示区域和控件在该区域的显示方式。

特点:实现了控件的交错显示

常用属性:

Android 学习总结--六大常用布局_第8张图片

 

案例:

Android 学习总结--六大常用布局_第9张图片

代码:



    

 

四、表格布局(TableLayout)

        表格布局将子元素的位置分配到行或列中,与网格布局不同的是,它不需要明确多少行、多少列。一个TableLayout由许多TableRow组成,每个TableRow都会定义一个Row。

特点:表格形式排列

常用属性:

表格布局属性

Android 学习总结--六大常用布局_第10张图片

 

表格控件属性

 

案例:

Android 学习总结--六大常用布局_第11张图片

代码:




    
        

 

五、帧布局(FrameLayout)

        帧布局用于在屏幕上创建一块空白区域,添加到该区域中的每个子控件占一帧,这些帧会一个一个叠加在一起,后加入的控件会叠加在上一个控件上层。因此也可以将FrameLayout称为堆栈布局,或框架布局。

特点:开辟空白区域,帧里的控件(层)叠加

常用属性:

Android 学习总结--六大常用布局_第12张图片

 

案例:

Android 学习总结--六大常用布局_第13张图片

代码:



   

 

六、约束布局(ConstraintLayout)

        约束布局是Android Studio2.2新添加的布局。 它适合使用可视化的方式编写界面布局,优点是减少嵌套,优化布局,可以直接拖拽的方式布局;缺点也显而易见,修改的时候容易错乱,代码可读性变差。

特点:可视化编写布局

常用属性:

Android 学习总结--六大常用布局_第14张图片

Android 学习总结--六大常用布局_第15张图片 

 

案例:

Android 学习总结--六大常用布局_第16张图片

 

你可能感兴趣的:(学习,android)