当前位置: 首页 > news >正文

华为鸿蒙系统的布局

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
http://www.jsqmd.com/news/985988/

相关文章:

  • Office 365中的Entra ID for Office 365详细功能介绍
  • 海安灯罩翻新修复哪家值得关注?炫车时代改灯 - Ayu8888
  • 零基础三个月在艺学启航转行Python开发的真实经历
  • 泰州宠物店哪家靠谱?2026精选排行榜TOP1推荐 - 谊识预商贸
  • 2026 年腾讯云阿里云华为云云服务器哪里买便宜 全国通用优惠购买指南 - 资讯焦点
  • 2026年05月团建行业答疑解析|广州市启恩企业管理咨询
  • Visual C++运行库智能修复:一站式解决Windows软件兼容性问题
  • CBCX值得关注吗?从平台工具与运营细节看平台表现
  • 3分钟掌握VinXiangQi:免费AI象棋连线工具的完整使用指南
  • 兰州26年甄选名猫猫狗狗宠物店权威排行榜店铺推荐,靠谱宠物店联系方式推荐 - 谊识预商贸
  • 地瓜矮砧密植水肥一体滴灌系统搭建实操手册
  • 偃师热门的非遗美食品牌口碑排行
  • 2026北京本地劳力士回收推荐:各大平台综合实力实测结果新鲜 - 资讯焦点
  • 2026上海GEO公司哪家好?服务商全景测评与关键趋势 - 热点速览
  • 导热系数测试仪主流厂家实力排行:5家标杆品牌深度解析 - 奔跑123
  • 比Codex快4倍!终于有开源模型卷本地Agent执行效率了~
  • 超详细!MariaDB-backup 物理备份恢复生产最佳实践
  • 嵌入式系统中的命令分发架构:协议怎么变,业务代码都不用改
  • 618不知道买哪款游戏本?华硕、ROG、联想、机械这5款口碑最好 - 资讯焦点
  • Agent 的上下文压缩
  • 2026实验室COD检测精度要求高,如何选择适配的检测设备?连华科技专业水质检测服务商深度解析 - 水质分析仪器---高工
  • 少走弯路:AI论文软件2026最新测评与推荐
  • 企业级智能体(Agent)平台定制开发与私有化部署
  • 2026年工程项目管理软件推荐:如何利用软件破解机电工程“进度黑箱”与“材料漏洞”?
  • 拼豆届要考研了:70亿浏览量与3分钱一颗豆的手工内卷大战 - 领先技术探路人
  • 震惊!专业铝箔地贴究竟选哪家?这答案你不能错过
  • Java+Vue宠物领养系统源码(含MySQL建库脚本与IDEA部署指南)
  • 项目经理用AI管理进度和风险的高效流程
  • 2026年石家庄企业短视频与AI推广怎么选?制造业获客全链路深度测评 - 年度推荐企业名录
  • Ricon组态系统实战案例:打造智能工厂监控平台