鸿蒙自适应布局的能力和断点

温馨提示：本文最后更新于2024年10月22日 08:26，若内容或图片失效，请在下方留言或联系博主。

自适应布局的能力有 7 种,主要解决的是：窗口尺寸在【一定范围内】变化时，页面能够正常显示------自适应布局

布局能力	使用场景	实现方法
1. 拉伸能力	变化的空间，分配给容器内指定区域	flexGrow 和 flexShrink属性
2. 均分能力	变化的空间，[均匀分配] 给容器组件内[空白区域]	FlexAlign.SpaceEvenlv属性
3. 占比能力	按照[预设占比]，随父容器变化	子组件宽高百分比、layoutWeight
4. 缩放能力	保证子组件随父组件变化时，[保持宽高比]	aspectRatio属性
5. 延伸能力	按其在列表中的[先后顺序]，随容器组件尺寸变化，显示或隐藏	List组件、Scroll组件
6. 隐藏能力	按其[显示优先级]，随容器组件尺寸变化显示或隐藏。	displayPriority属性
7. 折行能力	布局方向尺寸不足以显示完整内容，[自动换行]	Flex组件，wrap属性 FlexWrap.Wrap

断点：