zoukankan      html  css  js  c++  java
  • 一分钟学会ConstraintLayout(转载)

    原文地址:https://www.v2ex.com/t/287863

    最近更新了Android Studio,突然发现xml中的布局已经变成了ConstraintLayout,于是搜了一篇文章看一下

    确实想题目说的,一分钟学会~

    首先来看一个实例:

    我们举一个例子来看具体是什么样的:

    Button1:app:layout_constraintBottom_toTopOf="@id/iv_head"()

    我们把这个属性拆开来看, constraintBottom 指的本身的底部,即 Button1 的底部, toTopOf 是指某某的顶部,那么这句话的意思就是

    button1的底部,并且在iv_head的顶部

    Android开发文档原文是这样的:
    Aligns the bottom of the desired view to the top of another.(官方原文)
    翻译一下就是 Button1 的底部要和 ImageView 的顶部对齐

    Button1 app:layout_constraintRight_toLeftOf="@id/iv_head"
    根据上面的规则我们就知道 Button1 的右边要和 ImageView 的左边对齐。

    其实很简单就是说两个 View 的某个方位要对齐

    没了,就这么简单,其它属性可以举一反三,它比 RelativeLayout 控制起来更加得以就手。

    • layout_constraintTop_toTopOf  —  Align the top of the desired view to the top of another.
    • layout_constraintTop_toBottomOf  —  Align the top of the desired view to the bottom of another.
    • layout_constraintBottom_toTopOf  —  Align the bottom of the desired view to the top of another.
    • layout_constraintBottom_toBottomOf  —  Align the bottom of the desired view to the bottom of another.
    • layout_constraintLeft_toTopOf  —  Align the left of the desired view to the top of another.
    • layout_constraintLeft_toBottomOf  —  Align the left of the desired view to the bottom of another.
    • layout_constraintLeft_toLeftOf  —  Align the left of the desired view to the left of another.
    • layout_constraintLeft_toRightOf  —  Align the left of the desired view to the right of another.
    • layout_constraintRight_toTopOf  —  Align the right of the desired view to the top of another.
    • layout_constraintRight_toBottomOf  —  Align the right of the desired view to the bottom of another.
    • layout_constraintRight_toLeftOf  —  Align the right of the desired view to the left of another.
    • layout_constraintRight_toRightOf  —  Align the right of the desired view to the right of another.
    • If desired, attributes supporting start and end are also available in place of left and right alignment.

    到此,你已经掌握了一大半的 ConstraintLayout 知识点

    还有其它的一些属性
    app:layout_constraintStart_toEndOf
    意思就是 Button 的开始部分(从左往右看,开始部分就是 Button 的左边)与 ImageView 的右边是对齐的。
    app:layout_constraintStart_toStartOf
    这个就是说 Button 的左边与 ImageView 的左边是对齐的

    不知道为什么上面已经出的属性能够满足布局需要了,为什么还要再出 start 和 end 的。

  • 相关阅读:
    了解基本的bash shell命令
    实验七:Xen环境下cirrOS的安装配置
    实验六:通过grub程序引导本地磁盘内核启动系统(busybox)
    实验五:Xen环境下多虚拟机的桥接配置
    实验四:xl命令的常见子命令以及操作
    实验三:xen环境下的第一个虚拟机的安装
    练习1
    Linux网站运维工程师基础大纲
    实验二:Linux下Xen环境的安装
    实验一:通过bridge-utils工具创建网桥并实现网络连接
  • 原文地址:https://www.cnblogs.com/icyhusky/p/6511504.html
Copyright © 2011-2022 走看看