Android布局控件(包含线性布局,框架布局,表格布局,相对布局,约束布局)

Android提供了许多布局空间,对于不同的格式需求选择不同的布局控件,可以大大简化代码操作。下面为大家介绍一下以下经常用到的五种布局。

对了,补充一下,往常Android只有约束布局可以直接在Design页面拖动,现在都可以了。不过不推荐。

1.linear_layout(线性布局)

线性布局正如其名,他是呈线性分布的布局。只能控制水平或者垂直方向排布控件。可以用于设置登陆界面等简单排布的界面,下面有颜色填充一个线性布局,大家可以参考一下:

重点在于这句:android:orientation=“vertical”  在这个布局中控件垂直分布

                         android:orientation=“horizontal”  在这个布局中控件水平分布

如果复杂一些,大家灵活运用,各种嵌套肯定没问题。




                  //设置左内边距

        
        
             //设置右外边距

    

    

        
        
        
    

运行结果如下:

Android布局控件(包含线性布局,框架布局,表格布局,相对布局,约束布局)_第1张图片

2.frame_layout布局(框架布局)

框架布局很奇怪,因为他的所用控件是可以重叠的,控件直接没有约束,只能自己定义位置。不过肯定有它大展拳脚的地方,下面看个简单示例:




    

    

运行结果如下:

Android布局控件(包含线性布局,框架布局,表格布局,相对布局,约束布局)_第2张图片

当然也可以通过设置margin,padding,还有gravity设置位置,大家自己尝试。

3.TableLayout(表格布局)

表格布局也是常用的布局之一,把父控件划分成一个个表格,在表格栏中加入控件。

每一列的宽度取决于那一列最宽的那个,而每一行的高度不受其他行影响,列数取决于所有行中列最多的那个。在TableLayout中加入行需要添加。如果不在中加入控件,而直接在外面,会默认这个控件占一行。同时可以通过设置android:stretchColumns=“x”来控制第x+1列自动补齐剩余空间。代码如下:


     //设置第二列自动补满空间

    
        
        
        
    

    
        
        
    

    
        
        
        
    

    

运行结果如下:

Android布局控件(包含线性布局,框架布局,表格布局,相对布局,约束布局)_第3张图片

4.RativeLayout(相对布局)相对布局也火过很长时间,因为只需要找到相对物就能把别的控件好好的安排了。其实大家看名字就能懂,下面给大家展示一下代码:




    

    

    

是不是有几行代码看不太懂,下面给大家介绍几个关于这个控件的关键属性:

    a)、第一类:属性值为true或false
  android:layout_centerHrizontal 水平居中
  android:layout_centerVertical 垂直居中
  android:layout_centerInparent 相对于父元素完全居中
  android:layout_alignParentBottom 贴紧父元素的下边缘
  android:layout_alignParentLeft 贴紧父元素的左边缘
  android:layout_alignParentRight 贴紧父元素的右边缘
  android:layout_alignParentTop 贴紧父元素的上边缘  

  b)、第二类:属性值必须为id的引用名“@id/id-name”
  android:layout_below 在某元素的下方
  android:layout_above 在某元素的的上方
  android:layout_toLeftOf 在某元素的左边
  android:layout_toRightOf 在某元素的右边
  android:layout_alignTop 本元素的上边缘和某元素的的上边缘对齐
  android:layout_alignLeft 本元素的左边缘和某元素的的左边缘对齐
  android:layout_alignBottom 本元素的下边缘和某元素的的下边缘对齐
  android:layout_alignRight 本元素的右边缘和某元素的的右边缘对齐



  c)、第三类:属性值为具体的像素值,如30dip,40px
  android:layout_marginBottom 离某元素底边缘的距离
  android:layout_marginLeft 离某元素左边缘的距离
  android:layout_marginRight 离某元素右边缘的距离
  android:layout_marginTop 离某元素上边缘的距离

运行结果如下:

Android布局控件(包含线性布局,框架布局,表格布局,相对布局,约束布局)_第4张图片

5.ConstraintLayout(约束布局)

这个已经成为android布局的主流,并且现在官方也极力推荐这种布局,估计以后这个就是霸主了。老实说这个还真没有什么要展示的代码,因为这些都可以在Design页面设计,下面给大家介绍一下这个控件的使用。首先肯定要创建这个控件的布局,不用担心,系统默认的就是。

1.我们只需要找到自己需要的控件,然后拖进去:

Android布局控件(包含线性布局,框架布局,表格布局,相对布局,约束布局)_第5张图片

在这里,我拖进去一个TextView

2.为控件设置属性

Android布局控件(包含线性布局,框架布局,表格布局,相对布局,约束布局)_第6张图片

3.为控件设置位置

Android布局控件(包含线性布局,框架布局,表格布局,相对布局,约束布局)_第7张图片

详细代码可到下面地址查阅:https://download.csdn.net/download/qq_38367681/10799407

你可能感兴趣的:(Android开发技术)