HarmonyOS Flex布局
https://dis.qidao123.com/imgproxy/aHR0cHM6Ly9pLWJsb2cuY3NkbmltZy5jbi9kaXJlY3QvNjhjNTE0NTAwMzg4NDdiY2E0ZjZmY2JkMzc1ZmJkNGEucG5n前置知识:
[*]一次开发,多端摆设:一套代码工程,一次开发上架,多端按需摆设。支持开发者快速高效的开发支持多种终端装备形态的应用,实现对差异装备兼容的同时,提供跨装备的流转、迁移和协同的分布式体验
[*]自顺应布局:当外部容器巨细发生变革时,元素可以根据相对关系主动变革以顺应外部容器变革的布局本事。相对关系如占比、固定宽高比、表现优先级等。常见的自顺应布局有:线性布局、层叠布局、弹性布局、相对布局等。自顺应布局本事可以实现界面表现随外部容器巨细连续变革
[*]相应式布局:当外部容器巨细发生变革时,元素可以根据断点、栅格或特定的特性(如屏幕方向、窗口宽高等)主动变革以顺应外部容器变革的布局本事。
[*]Navigation:页面根容器,一样寻常用于分栏布局场景使用。
Flex布局:
提供了更加机动和有效的方式对容器中的子元素举行分列、对齐和分配剩余空间。广泛应用于页面头部导航栏的匀称分布、页面框架的搭建、多行数据的分列等场景
[*]主轴和交织轴
[*]主轴:Flex布局的主轴是程度方向(默认)或垂直方向(通过设置方向),子元素默认沿主轴分列
[*]交织轴:垂直于主轴的轴线,用于设置子元素在交织轴方向的对齐方式
[*]布局方向
[*]默认方向:主轴为程度方向(FlexDirection.Row),子元素从起始端沿着程度方向开始排布
[*]其他方向:可以通过设置方向参数(如FlexDirection.RowReverse、FlexDirection.Column、FlexDirection.ColumnReve
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!qidao123.com:ToB企服之家,中国第一个企服评测及软件市场,开放入驻,技术点评得现金
页:
[1]