罗伊德

本系列我们已经介绍了ConstraintLayout的基本用法。学习到这里，相信你已经熟悉ConstraintLayout的基本使用了，如果你对它的用法还不了解，建议您先阅读我之前的文章。 使用ConstraintLayout创建动画的基本思想是我们创建两个不同的布局，每个布局…

有时候在布局界面的时候，UI要求某个View或者某张图片按比例显示，以适应不同的屏幕分辨率。 通常我们时通过自定义View或者引入第三方的库来解决。现在我们既然已经使用了ConstraintLayout，它本身就支持这样的按比例设置View大小的功能。 此时，没有添加任何约束，…

使用ConstraintLayout后我们的布局是没有层级关系的，各个View之间都是平级关系，但是如果根据某个业务条件来控制多个View的显示与否，我们需要分别对每个View进行控制，需要调用多次setVisibility()。这样就显得非常不方便。 本文所介绍的Group就…

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

了解过UI设计的同学都知道，在设计的时候，我们经常在界面上拖进一些辅助线来帮我们对齐UI元素，或者方便我们统一的页边距。 在ConstraintLayout的编辑器中，同样也支持这样的功能，我们可以创建一些横向的或者纵向的Guideline，在布局界面的时候可以充分利用这些辅助…

本文我们介绍链条(Chains)，使用它可以将多个View连接起来，互相约束。 最简单的使用是平均分布，当然也可以不平均分布，具体看约束的具体设置，比如将第一个Button的marginEnd设置成10后链条会自动地分布每个View的位置。 这使得分布View变得非常灵活，并且…

使用传统布局时，实现按照屏幕的宽度（高度），或者相对两个View之间距离的一个比例来进行布局，就显得非常麻烦，但是当使用ConstraintLayout时，就可以很简单地实现这样的需求。 Bias就是为了实现这种需求而设计出来的。 当前我们是将这个按钮相对屏幕宽度居中显示。 这…

上一篇我们介绍了编辑器的基本使用，本文我们介绍创建基本的约束。 "约束"表示View之间的位置关系。当我们在ConstraintLayout布局中创建View时，如果我们没有添加任何约束，虽然在设计视图我们可以拖动它们到任意位置，但是运行后都会在左上角的原点位置，同时代码中也会…

从本篇博客开始我们开始介绍如何使用ConstraintLayout。 一个约束表示View之间的"布局约束"关系，以及约束的位置，类似RelativeLayout的"相对"概念。 左下角有视图切换的选项，通过这个选项我们可以切换设计/(代码)文本视图，传统在开发的过程中可能觉得…