Constraint Layout(一)--自动创建约束

本文使用的是Android Studio 3.0 (其他版本可能没有一些功能,或者看起来不太一样)

Constraint Layout使用约束来确定View在布局中的位置,约束表示对另一个View、父布局或不可见guideline的连接或对齐。创建约束有两种方式,一是手动创建,二是使用Android studio工具自动连接创建。

  1. 开启自动连接并切换到Designe标签下。这里写图片描述
  2. 拖拽ImageViewDesign view或者Blueprint view上,直到虚线出现。这里写图片描述
  3. 当看到从上到下以及从左到右的虚线的时候,释放鼠标按钮。将会看到蓝色的锯齿线,锯齿线表示约束,将ImageView的顶部、左侧、底部和右侧边缘连接到父视图的边缘。这时ImageView居中显示。这里写图片描述

约束自动添加到了ImageView的四个方向,现在可以通过
这里写图片描述调整ImageView的大小。

这里写图片描述 管理约束,ImageView的每一个方向上有个圆点,拖动到父布局的圆点或者其他View的圆点上创建约束,约束用锯齿线表示。

现在如果想让ImageView顶部对齐,那么可以把鼠标停留在底部的约束圆点上,直到约束线变成红色,然后单击圆点,删除底部约束线。

这里写图片描述
现在ImageView依然是水平居中,垂直方向,顶部与父布局对齐(因为垂直方向只有一个约束到顶部)

开启自动连接之后,可以将任何元素(如按钮)拖动到布局的任何部分以生成针对父布局的约束。

这里写图片描述
向布局添加一个按钮,选择布局中的按钮,并将其拖到右下角,如上所示,直到出现边和底边距的guidelines为止。当您在两个方向上看到guidelines时,释放按钮,按钮自动地向guidelines对齐。

两个约束将自动添加按钮上(相对于父布局),并且有默认的guidelines margin值(16dp)
这里写图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值