Android FlexboxLayout布局属性详解，含泪整理面经

</com.google.android.flexbox.FlexboxLayout>

运行后的效果如下

好像并没有换行啊，别急骚年，接下来我们一一介绍FlexboxLayout的一些常用属性

FlexboxLayout 常用属性

flexDirection

flexDirection属性决定主轴项目排列方向。类似LinearLayout 的 vertical 和 horizontal，但是FlexboxLayout更加强大，不仅支持横向和纵向还可以设置不同的排列的起点。

• row（默认值）：主轴为水平方向，起点在左端

• row_reverse：主轴为水平方向，起点在右端。

• column：主轴为垂直方向，起点在上沿

• column_reverse：主轴为垂直方向，起点在下沿

我们添加flexDirection属性，设置未纵向并且起点在下端，在xml添加属性

app:flexDirection=“column_reverse”

可以看到项目是从底部开始由下而上排列的。

flexWrap

默认FlexboxLayout和LinearLayout一样是不带换行属性的，但是flexWrap属性可以支持换行排列。这就是FlexboxLayout方便的地方了。换行方式有两种，一种是按项目排列方向换行，一种是反方向换行

• nowrap ：不换行

• wrap：按正常方向换行

• wrap_reverse：按反方向换行

我们设置按照正常方向换行，添加属性

app:flexWrap=“wrap”

justifyContent

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

• flex_start（默认值）：左对齐

• flex_end：右对齐

• center： 居中

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

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

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

app:justifyContent=“flex_end”