当前位置: 首页 > 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.zskr.cn/news/1497734.html

相关文章:

  • 导热系数测试仪主流品牌排行:技术与服务双维度解析 - 奔跑123
  • 泰州宠物店哪家靠谱?2026精选排行榜TOP1推荐 - 谊识预商贸
  • CBCX值得关注吗?从平台工具与运营细节看平台表现
  • 偃师热门的非遗美食品牌口碑排行
  • 导热系数测试仪主流厂家实力排行:5家标杆品牌深度解析 - 奔跑123
  • 2026上海GEO公司哪家好?服务商全景测评与关键趋势 - 热点速览
  • 兰州26年甄选名猫猫狗狗宠物店权威排行榜店铺推荐,靠谱宠物店联系方式推荐 - 谊识预商贸
  • 拼豆届要考研了:70亿浏览量与3分钱一颗豆的手工内卷大战 - 领先技术探路人
  • Agent 的上下文压缩
  • 企业级智能体(Agent)平台定制开发与私有化部署
  • Java学习----面向对象
  • 如何快速掌握心理学实验编程:PsychoPy的完整入门指南
  • 终极暗黑2存档编辑器:3分钟快速上手网页版D2/D2R角色修改工具
  • 千元预算选GEO引擎,哪家更稳定?
  • 补充:Repeat 虚拟滚动与 cachedCount 到底怎么用
  • 2026五常大米谁家好吃?产区好米选购实用解析 - 最新行业资讯
  • 老域名是什么?为什么SEO都喜欢老域名
  • 光伏电站LoRa数据传输远程控制系统方案
  • 软件测试简历项目经验如何编写?
  • 大功率UPS电流检测技术白皮书:2000A以上量程的传感器选型指南
  • 实测!山东拓兴MGE合金板性能揭秘,硬度耐磨突出但耐腐蚀性
  • Effective C++ 条款09:绝不在构造和析构过程中调用 virtual 函数
  • 在威尼斯遇到注单未同步一直提不了现解决的方法?
  • 打造Harness最佳实践,华为云智果AgentArts企业级智能体平台破解智能体规模化落地难题
  • 2026年,武汉口碑好的全屋定制工厂究竟有哪些?带你一探究竟!
  • KK键盘 v4.0.2-快捷连发+聊天气泡+斗图,输入体验直接拉满
  • 如何在Windows电脑上告别笨重模拟器?APK安装器让你3分钟搞定安卓应用安装
  • 爽姐的装修日常
  • FRPP 管道:玻纤增强聚丙烯防腐管道的性能革新与工业应用 - 苏一塑业13914572689
  • 收藏!AI时代程序员必看:如何升级技能,避免被淘汰?