<TextView
android:id="@+id/textview3"
android:layout_width=“120dp”
android:layout_height=“90dp”
android:layout_margin=“2dp”
android:background="#ee998f"
android:gravity=“center”
android:text=“3” />
<TextView
android:id="@+id/textview4"
android:layout_width=“120dp”
android:layout_height=“100dp”
android:layout_margin=“2dp”
android:background="#eeff22"
android:gravity=“center”
android:text=“4” />
<TextView
android:id="@+id/textview5"
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”