news 2026/6/23 12:41:52

鸿蒙系统布局

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
鸿蒙系统布局

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对齐方式。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/6/23 12:08:56

PowerEdge R650进入救援模式的方法

方法1:GRUB 传参进入本机 rescue.target(系统引导能正常加载内核/boot) 适用场景:能看到GRUB菜单、内核正常加载,只是多用户启动失败,不需要U盘/ISO。 重启系统 在启动时,当出现GRUB引导菜单时,快速按下 Esc 键(或根据提示按 e 键进入编辑模式)。 选择救援条目 在G…

作者头像 李华
网站建设 2026/6/23 11:59:34

图吧工具箱+自动化:运维人写的批量检测脚本实战指南

1. 引言:运维效率的痛点与自动化机遇 传统硬件检测的繁琐流程:单机操作、手动记录、报告整理图吧工具箱(Toolbox)简介:一款集成了多种硬件检测工具的开源软件自动化脚本的价值:批量部署、统一检测、数据汇总…

作者头像 李华