Android FlexboxLayout布局属性详解

justifyContent属性定义了项目在主轴上的对齐方式。

• flex_start（默认值）：左对齐

• flex_end：右对齐

• center： 居中

• space_between：两端对齐，项目之间的间隔都相等。

• space_around：每个项目两侧的间隔相等。项目之间的间隔比项目与边框的间隔大一倍。

默认是左对齐的，现在我们设置右对齐，xml添加属性

app:justifyContent=“flex_end”

如果需要在项目的排列方向上均分剩余的空间怎么办呢？很简单space_around属性就是这样的，效果如下

alignItems

alignItems属性定义项目在副轴轴上如何对齐，我们通过一张图来了解这个属性比较直观一点。

• flex-start：交叉轴的起点对齐。

• flex-end：交叉轴的终点对齐。

• center：交叉轴的中点对齐。

• baseline: 项目的第一行文字的基线对齐。

• stretch（默认值）：如果项目未设置高度或设为auto，将占满整个容器的高度。

这也是为什么我们的每一个项目的高度都是不相同的，但是可以看到前面每个项目的高度都是一样的，因为默认属性stretch让每个项目的高度设置为了填满容器的高度（这里的高度是指同一轴上的最高高度） 现在我们设置对齐方式为中心对齐，添加属性

app:alignItems=“center”

可以看到是根据每个项目的中心对齐，这里单独说一下baseline属性，熟悉ConstraintLayout的同学应该比较好理解这个属性，其实就是按照项目内的文本线来对齐项目。效果如下

可以看到项目对齐是按照项目内的文本基线来对齐的。很好理解！需要注意的是项目中如果有的没有文本基线，那么默认他的基线就是左上角也就是起点左右位置