开源鸿蒙 自适应布局简介

  • 2022-08-09
  • 浏览 (1004)

自适应布局简介

多设备间最大的差异是屏幕分辨率,差异分辨率适配离不开自适应布局的能力。针对常见的开发场景,方舟开发框架提炼了七种自适应布局能力。这些布局可以独立使用,也可多种布局叠加使用。

自适应布局类别 自适应布局能力 使用场景
自适应拉伸 拉伸能力 容器组件尺寸发生变化时,增加或减小的空间全部分配给容器组件内指定区域
均分能力 容器组件尺寸发生变化时,增加或减小的空间均匀分配给容器组件内所有空白区域
自适应缩放 占比能力 子组件的宽高按照预设的比例,随容器组件发生变化。
缩放能力 子组件的宽高按照预设的比例,随容器组件发生变化,且变化过程中子组件的宽高比不变
自适应延伸 延伸能力 容器组件内的子组件,按照其在列表中的先后顺序,随容器组件尺寸变化显示或隐藏。
隐藏能力 容器组件内的子组件,按照其预设的显示优先级,随容器组件尺寸变化显示或隐藏。相同显示优先级的子组件同时显示或隐藏
自适应折行 折行能力 容器组件尺寸发生变化时,如果布局方向尺寸不足以显示完整内容,自动换行

下面我们依次介绍这几种自适应布局能力。

你可能感兴趣的文章

开源鸿蒙 一次开发,多端部署

开源鸿蒙 前言

开源鸿蒙 均分能力

开源鸿蒙 延伸能力

开源鸿蒙 隐藏能力

开源鸿蒙 占比能力

开源鸿蒙 缩放能力

开源鸿蒙 拉伸能力

开源鸿蒙 折行能力

开源鸿蒙 桌面应用

0  赞