Android FlexboxLayout布局属性详解,华为移动应用开发平台

本文详细解析了Android FlexboxLayout的常用属性,包括flexDirection、flexWrap、justifyContent、alignItems、alignContent等,通过实例展示了如何调整元素的排列方式、对齐与换行,以及子元素的特殊属性如layout_order、layout_flexGrow、layout_flexShrink和layout_flexBasisPercent等,帮助开发者掌握这一强大的布局工具。
摘要由CSDN通过智能技术生成

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属性决定主轴项目排列方向。类似LinearLayoutverticalhorizontal,但是FlexboxLayout更加强大,不仅支持横向和纵向还可以设置不同的排列的起点。

  • row(默认值):主轴为水平方向,起点在左端

  • row_reverse:主轴为水平方向,起点在右端。

  • column:主轴为垂直方向,起点在上沿

  • column_reverse:主轴为垂直方向,起点在下沿

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

app:flexDirection=“column_reverse”

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

flexWrap

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

  • nowrap :不换行

  • wrap:按正常方向换行

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值