当前标签 / 约束布局 / 总共3篇

看完才知道约束布局 ConstraintLayout 原来这么简单

前面两篇介绍了关于 ConstrantLayout 的使用和相关属性 API 的介绍,这一篇我们来实际演示一下各种情况下如何使用,所以说这一篇就是前面两篇的实践,建议你先阅读前面两篇文章。

这一篇是真正的实践,如果你看过前面两篇建议你看一下这一篇,这一篇文章会让你对前面的所学恍然大悟,融汇贯通。

创建第一个约束

我们先打开 Design 面板,然后拖动一个 ImageView 控件到画布:

拖动一个组件到画布演示

接下来设置一个默认图片,我就设置了里面自带的默认背景图片,此时整个界面的代码如下:

阅读更多

Android中约束布局ConstraintLayout的API和属性解析

前面我们已经通过一篇文章《约束布局 ConstraintLayout 的使用》 介绍了如何创建和使用约束布局,今天我们来看一下关于约束布局 ConstraintLayout 的 API 属性,更进一步的了解关于约束布局的详细设置。

ConstraintLayout 继承自 android.view.ViewGroup 允许以灵活的方式定位和调整界面组件的大小。ConstraintLayout 是 Android 中的一个 support 库,你可以从 API level 9 (Gingerbread) 开始在Android 系统上使用它。我们可以使用的约束类型有如下几种:

约束布局相对定位

相对定位是在 ConstraintLayout 中创建布局的基本构件之一。这些约束允许你将给定的小部件相对于另一个小部件进行定位。您可以在水平和垂直轴上约束小部件。

  • 横轴: left 左、 right 右、start 起点和 end 终点。
  • 纵轴:top 顶部、bottom 底部和 text baseline 文本基线。

相对定位示例

阅读更多

Android内部分享[9]——约束布局 ConstraintLayout 的使用

ConstraintLayout 允许您创建具有平面视图层次结构(没有嵌套视图组)的大型复杂布局。它类似于 RelativeLayout,因为所有视图都是根据兄弟视图和父视图布局之间的关系来布局的,但是它比 RelativeLayout 更灵活,并且更容易在 Android Studio 的布局编辑器中使用。

约束布局概述

要在 ConstraintLayout 中定义视图的位置,必须为视图添加至少一个水平约束和一个垂直约束。每个约束表示到另一个视图、父布局或不可见的连接或基准线(对齐线)。每个约束定义视图沿垂直或水平轴的位置;因此,每个视图的每个轴必须至少有一个约束,但通常需要更多约束。

当您将视图放入布局编辑器时,即使没有约束,它也会停留在原来的位置。然而,这只是为了使编辑更容易;如果在设备上运行布局时视图没有约束,则在[0,0] (左上角) 处绘制。

例如:视图编辑器在 A 下方显示视图 C,但它没有垂直约束

例如:视图 C 现在垂直约束在视图 A 之下

虽然缺少约束不会导致编译错误,但布局编辑器将缺少约束作为工具栏中的错误指示。要查看错误和其他警告,单击 “显示警告和错误”。为了帮助您避免丢失约束,布局编辑器可以使用 Autoconnectinfer constraints 特性自动为您添加约束。

阅读更多