2024年安卓最全深入分析ConstraintLayout的原理及应用场景(1)，2024Android精选面试实战总结整理

本文链接：https://blog.csdn.net/2301_79985012/article/details/138912460

最后

有任何问题，欢迎广大网友一起来交流，分享高阶Android学习视频资料和面试资料包~

偷偷说一句：群里高手如云，欢迎大家加群和大佬们一起交流讨论啊！

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

//因为要位于下方，所以使用layout_constraintTop_toBottomOf属性；
//同时左右两边要基于另一控件对齐（因为要居中）

</androidx.constraintlayout.widget.ConstraintLayout>

居中用法引申：同一维度（上下或左右）的两个方向同时出现，且相对于父布局对齐。
非居中用法引申：若不居中对齐，而是基于某一边对齐，只需去掉同一个维度的某一个方向。例如，上方代码中，去掉app:layout_constraintEnd_toEndOf=“@id/tv1”, 即实现A与“222”控件左方对齐，且A在“222”控件上方。

场景2：六个控件在布局中以三行三列形式分布，且行均分布局高度，列均分布局宽度。如图。

ConstraintLayout场景2.png

核心实现流程如下：

每一个相对的控件，都要写出相约束的属性（比如layout_constraintEnd_toStartOf；layout_constraintStart_toEndOf）。
每个控件四个方向的约束位置都要写出来。
每一个横向或竖向位置的两端，必须与parent相对。

// 横向:
app:layout_constraintStart_toStartOf=“parent”
app:layout_constraintEnd_toEndOf=“parent”；

// 竖向:
app:layout_constraintTop_toTopOf=“parent”；
app:layout_constraintBottom_toBottomOf=“parent”；

利用权重实现均分（weight属性）
均分时，长或宽都必须为0。

代码如下所示。

<?xml version="1.0" encoding="utf-8"?>

<androidx.constraintlayout.widget.ConstraintLayout xmlns:android=“http://schemas.android.com/apk/res/android”
xmlns:app=“http://schemas.android.com/apk/res-auto”
xmlns:tools=“http://schemas.android.com/tools”
android:layout_width=“match_parent”
android:layout_height=“match_parent”
tools:context=“.MainActivity”>

/*
核心代码
*/

</androidx.constraintlayout.widget.ConstraintLayout>

场景3：ConstraintSet的动画效果实现

代码实现如下。

ConstraintSet constraintSet=newConstraintSet();//创建ConstraintSet

Button button=newButton(MainActivity.this);//在其中添加一个Button
//此处的constraintLayout为布局中ConstraintLayout的一个id
constraintLayout.addView(button);
constraintSet.clone(constraintLayout);

constraintSet.constrainWidth(button.getId(),ConstraintLayout.LayoutParams.WRAP_CONTENT);
constraintSet.constrainHeight(button.getId(),ConstraintLayout.LayoutParams.WRAP_CONTENT);

constraintSet.connect(button.getId(),ConstraintSet.END,ConstraintSet.PARENT_ID,ConstraintSet.END);
constraintSet.connect(button.getId(),ConstraintSet.START,
ConstraintSet.PARENT_ID,ConstraintSet.START);
//这个按钮距离顶部的margin值为1000
constraintSet.connect(button.getId(),ConstraintSet.TOP,ConstraintSet.PARENT_ID,ConstraintSet.TOP,1000);
constraintSet.connect(button.getId(),ConstraintSet.BOTTOM,ConstraintSet.PARENT_ID,ConstraintSet.BOTTOM);
constraintSet.applyTo(constraintLayout);
根据上述代码，ConstraintSet通过如下流程完成布局中增加一个按钮的效果：