牛叔叔 的笔记

好好学习

昨天 22:43

鸿蒙(HarmonyOS)自适应布局

牛叔叔

鸿蒙

(2)

(0)

收藏

鸿蒙(HarmonyOS)自适应布局的实现主要依托七种核心能力,通过容器组件与属性配置动态调整元素尺寸。具体实现方案如下:


一、七种自适应布局能力

‌能力类型‌‌作用机制‌‌适用场景‌‌实现方式‌
‌拉伸能力‌容器尺寸变化时,增减空间全部分配给指定区域局部区域扩展(如按钮填满宽度)设置子组件宽高为match_parent或权重layoutWeight
‌均分能力‌容器尺寸变化时,空间均匀分配至空白区域等间距排列元素(如导航栏)设置justifyContent: FlexAlign.SpaceEvenly
‌占比能力‌子组件按预设比例随父容器缩放固定比例区域(如3:7分屏)设置宽高百分比或layoutWeight权重值
‌缩放能力‌子组件按固定宽高比缩放(如16:9)媒体播放器、图片展示使用aspectRatio属性锁定宽高比
‌延伸能力‌按顺序动态显示/隐藏子组件折叠菜单、动态列表结合List/Scroll控制组件可见性
‌隐藏能力‌按优先级显示/隐藏子组件响应式工具栏(小屏隐藏次要功能)设置displayPriority属性
‌折行能力‌内容超出容器时自动换行标签流、瀑布流布局设置FlexWrap.Wrap属性


0条评论

点击登录参与评论