1# 原子布局 2 3### 简介 4 5本示例展示了布局效果自适应的相关样式属性，包括隐藏能力、占比能力和固定比例。 6 7实现效果如下： 8 9 10 11### 相关概念 12 13隐藏能力：可以调整组件内元素水平/垂直方向的显示优先级。 14 15占比能力：可以调整指定元素始终在容器的某一比例空间中进行布局。 16 17固定比例：可以以固定的比例调整组件的宽高尺寸。 18 19### 相关权限 20 21不涉及。 22 23### 使用说明 24 251.本示例主界面为三个按钮，点击后在新页面分别展示。 26 272.在能力展示页面中，浅黄色背景为父容器，A、B、C为其中三个子元素，点击**按钮**可改变子容器大小，子元素显示会随之改变。 28 29### 约束与限制 30 311.隐藏能力与占比能力需在非折行的flex布局中使用。 32 332.本示例支持在标准系统使用。 34 353.本示例需要使用DevEco Studio 3.0 Beta4 (Build Version: 3.0.0.992, built on July 14, 2022)才可编译运行。
