1# AtomicLayout<a name="EN-US_TOPIC_0000001126159786"></a> 2 3### Introduction<a name="section104mcpsimp"></a> 4 5This sample illustrates style attributes related to layout effect adaptation, including the hiding feature, proportion feature, and fixed ratio. 6 7With the hiding feature, you can adjust the display priority of components in a container in the horizontal or vertical direction. 8 9With the proportion feature, you can adjust the proportion of each component in a container so that each of them is always arranged in a proportional space of the container. 10 11You can scale up or down a component with fixed ratio while retaining its aspect ratio. 12 13### Usage<a name="section110mcpsimp"></a> 14 15In this sample, there are three buttons on the home screen. You can click them to display the corresponding screen. 16 17On the feature display screen, the rectangle in light yellow is a container, and it accommodates three components: A, B, and C. You can click the buttons to change the size of the components and display them in different ways. 18 19### Constraints<a name="section116mcpsimp"></a> 20 21- The hiding and proportion features must be used in a flex layout that does not support cross-row display. 22- This sample can only be run on mini-system devices. 23 24