Android约束布局(ConstraintLayout )实战

安卓开发宝典文章列表：

• 一、比ExpandableListView更强大的分组列表实现
• 二、约束布局实战
• 三、shape使用总结

源码地址（喜欢的话请给颗star）

前言

布局优化要怎么做？
1、 重用布局
2、标签
3、ViewStub仅在需要时才加载布局
等等。。。

我们思考以上方法，最终的目标是不是都在为了降低布局深度而努力？今天我们的主题就是利用谷歌扩展包中的约束布局和大家一起对比一下。本文只是比较，约束布局的具体使用教程，请移步到这里

布局要求如下：

效果图

实现步骤

1. 界面分析：

• 界面左侧和右侧高度是总高的1/3,
• 下面宽度为3/12、2/12、2/12、2/12, 3/12;
• 中间大图宽高分别为：1/2、 2/3

2. 区块划分：
   这里我们借助ConstraintLayout中提供的Guideline把这个界面切分成要求的大小
   如下图：

   
   
   
3. 区块间添加CardView(根据自己的实际情况)

4. 最终效果如下：

   
   
   

   图3

完整代码如下（布局深度为1）：

不使用约束布局实现代码如下（布局深度为4）：