介绍
FlexboxLayout 是一个库项目,它将 CSS 灵活框布局模块的类似功能引入openharmony。在flex布局模型中,flex 容器的子级可以在任何方向上布局,并且可以“伸缩”它们的大小,要么增长以填充未使用的空间,要么缩小以避免溢出父级。孩子的水平和垂直对齐都可以很容易地操作。
特征
在、和中使用Flex Direction创建 Flexbox 布局ROWROW_REVERSECOLUMNCOLUMN_REVERSE
使用Flex Wrap创建 Flexbox 布局作为NO_WRAP,WRAP和WRAP_REVERSE.
创建将内容对齐为FLEX_START、FLEX_END、CENTER、SPACE_BETWEEN和SPACE_AROUND的FlexboxSPACE_EVENLY布局
创建 Flexbox 布局,将项目对齐为FLEX_START、FLEX_END、CENTER、BASELINE和STRETCH。
创建将内容对齐为FLEX_START、FLEX_END、CENTER、SPACE_BETWEEN和SPACE_AROUND的FlexboxSTRETCH布局
使用订单值更新子视图的属性。
使用flex 增长和flex 收缩值更新子视图的属性。
使用弹性基准百分比值更新子视图的属性。
使用宽度、高度以及最小值和最大值更新子视图的属性。
使用wrap before更新子视图的属性。
使用Align Self更新子视图的属性为AUTO、FLEX_START、FLEX_END、CENTER、BASELINE和STRETCH。
声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
全部0条评论
快来发表一下你的评论吧 !