本系列我们就一起来学习ConstraintLayout的使用,来大幅提高我们的生产力。
传统布局
在ConstraintLayout退出之前,我们经常使用FrameLayout, LinearLayout, RelativeLayout, ***Layout等来布局页面。这些布局当然有其方便的地方,但是其方便地同时也限制了我们的使用场景,在写一些复杂页面的时候就显得力不从心,我们先做一下简单地回顾:
- FrameLayout:帧布局。最常用并且简单的布局,通常用于错误页面的显示,蒙层的显示等。
- LinearLayout:线性布局。当我们绘制需要顺序排列的内容时,我们使用使用此布局。
- RelativeLayout:相对布局。相当于ConstraintLayout的低级版本。顾名思义,可以各个View之间相对地指定位置进行布局。
- ...
存在的问题
以上布局并不是完美的,比如我们要布局这个页面:
我们如果使用传统的布局,可能会导致布局的层级多层嵌套:
<RelativeLayout>
<ImageView/>
<ImageView/>
<RelativeLayout>
<TextView/>
<LinearLayout>
<TextView/>
<RelativeLayout>
<EditText/>
</RelativeLayout>
</LinearLayout>
...
</RelativeLayout>
...
</RelativeLayout>
-
布局复杂
使用传统的布局虽然可以实现我们的需求,但是在代码实现中有非常多的嵌套,而且要结合许多布局的特性来实现,这样复杂的布局让我们难以维护。 -
效率底下
当布局层级越深的时候,系统的绘制效率越低,当子View.invalidate()的时候,也会导致其父View进行重新绘制。
又比如这些布局中相对灵活的RelativeLayout,它会被测量至少两次,已确定最终渲染时的位置,也同样会影响效率。 -
难以创建复杂动画
Android在属性动画(ObjectAnimator)推出之前,执行动画的原理其实只是在绘制的时候执行,并不是真正的改变了布局,在属性推出之后,虽然确实可以改变其真实的布局属性,但是由于布局特性的约束以及各个View之间的约束,创建复杂的动画也并非易事。
ConstraintLayout登场!
下面我们进入本系列的主角:ConstraintLayout!
使用ConstraintLayout可以解决以上传统布局存在的种种问题,而且Android Studio也提供了强大而且简单易用的编辑器,使用它可以让我们的开发效率大大增加。
下一篇我们将介绍它:Android开发 - 使用ConstraintLayout(二)介绍