android:layout_width=“120dp”
android:layout_height=“80dp”
android:layout_margin=“2dp”
android:background="#3322ff"
android:gravity=“center”
android:text=“5” />
</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
:按正常方向换行</