华为鸿蒙系统的布局
核心优势：自适应屏幕宽度，子组件超出自动换行，适配不同尺寸设备。规定 从上而下的排列方式，主轴是垂直方向，交叉轴是水平方向。、图片文字叠加、头像角标、悬浮按钮、页面水印、弹窗提示。从左到右的排列方式，主轴是水平方向，交叉轴是垂直方向。：主轴（垂直）对齐，包含居顶、居中、居底、均分对齐。：交叉轴（水平）对齐，包含左对齐、居中、右对齐。arkUI用于容纳，排列子组件的特殊组件，：统一设置子组件间距，官
·
arkUI用于容纳，排列子组件的特殊组件，
Column规定 从上而下的排列方式，主轴是垂直方向，交叉轴是水平方向
Row从左到右的排列方式，主轴是水平方向，交叉轴是垂直方向
Column 垂直布局
Column全量核心属性精讲
• space：统一设置子组件间距，官方推荐写法，替代手动margin，界面更规整
• justifyContent：主轴（垂直）对齐，包含居顶、居中、居底、均分对齐
• alignItems：交叉轴（水平）对齐，包含左对齐、居中、右对齐
• width/height：布局容器尺寸，铺满屏幕是页面布局基础
• backgroundColor：布局背景色，用于区分页面模块
.Row 水平布局
Row布局核心规则：子组件从左至右依次排列，主轴为水平方向，交叉轴为垂直方向。
核心属性：space横向间距、justifyContent主轴水平对齐、alignItems交叉轴垂直对齐。
.Stack层叠布局
Stack核心规则：子组件默认居中叠加渲染，后编写的组件覆盖先编写的组件，无固定横竖排列。
核心场景：海报banner、图片文字叠加、头像角标、悬浮按钮、页面水印、弹窗提示。
.Flex弹性布局
Flex核心优势：自适应屏幕宽度，子组件超出自动换行，适配不同尺寸设备。
核心属性：wrap: FlexWrap.Wrap（自动换行）、space统一间距、justifyContent对齐方式。
.相对布局
轮播图
tabs
作为“人工智能6S店”的官方数字引擎，为AI开发者与企业提供一个覆盖软硬件全栈、一站式门户。
更多推荐
0
0- 0
已为社区贡献1条内容
所有评论(0)