Android开发 - 掌握ConstraintLayout(八)障碍线(Barrier)

栏目: IOS · Android · 发布时间: 7年前

内容简介:本文我们来介绍障碍线(Barrier)的使用,平常在开发中用的相对要少一些,但是在需要时会非常方便。它的作用是将多个元素放到这个障碍线里面使时,其中的任何元素的大小或位置变化时都会使它的位置进行改变。可以理解成一面墙,”墙”里面任何元素的位置或大小改变时都会导致它的改变,从而保证所有的元素都在”墙”里面。

本文我们来介绍障碍线(Barrier)的使用,平常在开发中用的相对要少一些,但是在需要时会非常方便。

它的作用是将多个元素放到这个障碍线里面使时,其中的任何元素的大小或位置变化时都会使它的位置进行改变。

可以理解成一面墙,”墙”里面任何元素的位置或大小改变时都会导致它的改变,从而保证所有的元素都在”墙”里面。

下面我们来举例进行说明,会更加直观。

  1. 首先,我们先创建两个元素:

    Android开发 - 掌握ConstraintLayout(八)障碍线(Barrier)
  2. 接下来,我们来创建一条垂直的Barrier:

    Android开发 - 掌握ConstraintLayout(八)障碍线(Barrier)
  3. 创建后,我们把这两个View拖到这个Barrier里面:

    Android开发 - 掌握ConstraintLayout(八)障碍线(Barrier)

    注意:这里将View拖进去并不是真正创建了层级关系,我们看代码可以知道,仅仅这个Barrier引用了两个View的ID:

    <android.support.constraint.Barrier
            android:id="@+id/barrier"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            app:barrierDirection="left"
            app:constraint_referenced_ids="button,textView"
            tools:layout_editor_absoluteX="104dp" />
    
  4. 默认的Barrier是在所有元素的左面,我们选中它后可以选择靠右对齐:

    Android开发 - 掌握ConstraintLayout(八)障碍线(Barrier)

    创建完成后我们来调整其里面的各个View的大小和位置就可以理解它的作用了:

    Android开发 - 掌握ConstraintLayout(八)障碍线(Barrier) Android开发 - 掌握ConstraintLayout(八)障碍线(Barrier)

总结

Barrier特别在复杂的页面布局的时候非常有用,不需要创建一个容器来放置这些子View来实现这样的功能了,这也是我们使用ConstraintLayout的初衷,保证层级的简单和高效。

下一篇: Android开发 - 掌握ConstraintLayout(九)分组(Group) ,我们将介绍分组(Group)的使用。

如有更多疑问,请参考我的其它Android相关博客:我的博客地址


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

深度学习入门

深度学习入门

[ 日] 斋藤康毅 / 陆宇杰 / 人民邮电出版社 / 2018-7 / 59.00元

本书是深度学习真正意义上的入门书,深入浅出地剖析了深度学习的原理和相关技术。书中使用Python3,尽量不依赖外部库或工具,从基本的数学知识出发,带领读者从零创建一个经典的深度学习网络,使读者在此过程中逐步理解深度学习。书中不仅介绍了深度学习和神经网络的概念、特征等基础知识,对误差反向传播法、卷积神经网络等也有深入讲解,此外还介绍了深度学习相关的实用技巧,自动驾驶、图像生成、强化学习等方面的应用,......一起来看看 《深度学习入门》 这本书的介绍吧!

HTML 编码/解码
HTML 编码/解码

HTML 编码/解码

XML、JSON 在线转换
XML、JSON 在线转换

在线XML、JSON转换工具

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具