Android新布局方式ConstraintLayout快速入门教程_网络技术

发布时间 - 2026-01-11 01:22:47 点击率：次

前言

在Android开发中，我们通常是手写布局，很少会用拖动来写布局，虽然ConstraintLayout在I/O上以拖动来展现了各种功能，我估计在以后开发中，程序员还是习惯手撸代码。

我自己试着拖着用了一下，用得不是很明白，而且用起来效果不是很好。

那么

直接上手撸了一下~~~

其实很简单

Button1:app:layout_constraintBottom_toTopOf="@id/iv_head"

我们把这个属性拆开来看，constraintBottom指的本身的底部，即Button1的顶部，toTopOf是指ImageView的顶部，那么这句话的意思就是

Aligns the bottom of the desired view to the top of another.（官方原文）

翻译一下就是Button1的底部要和ImageView的顶部对齐

Button1 app:layout_constraintRight_toLeftOf="@id/iv_head"

根据上面的规则我们就知道Button1的右边要和ImageView的左边对齐。

其实很简单就是说两个View的某个方位要对齐

没了，就这么简单，其它属性可以举一反三，它比RelativeLayout控制起来更加得以就手。

layout_constraintTop_toTopOf — Align the top of the desired view to the top of another.
layout_constraintTop_toBottomOf — Align the top of the desired view to the bottom of another.
layout_constraintBottom_toTopOf — Align the bottom of the desired view to the top of another.
layout_constraintBottom_toBottomOf — Align the bottom of the desired view to the bottom of another.
layout_constraintLeft_toTopOf — Align the left of the desired view to the top of another.
layout_constraintLeft_toBottomOf — Align the left of the desired view to the bottom of another.
layout_constraintLeft_toLeftOf — Align the left of the desired view to the left of another.
layout_constraintLeft_toRightOf — Align the left of the desired view to the right of another.
layout_constraintRight_toTopOf — Align the right of the desired view to the top of another.
layout_constraintRight_toBottomOf — Align the right of the desired view to the bottom of another.
layout_constraintRight_toLeftOf — Align the right of the desired view to the left of another.
layout_constraintRight_toRightOf — Align the right of the desired view to the right of another.
If desired, attributes supporting start and end are also available in place of left and right alignment.

到此，你已经掌握了一大半的ConstraintLayout知识点

还有其它的一些属性

app:layout_constraintStart_toEndOf

意思就是Button的开始部分（从左往右看，开始部分就是Button的左边）与ImageView的右边是对齐的。

app:layout_constraintStart_toStartOf

这个就是说Button的左边与ImageView的左边是对齐的

不知道为什么上面已经出的属性能够满足布局需要了，为什么还要再出start和end的。

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对的支持。