3.2.通过百分比方式配置容器的布局和尺寸

2024-04-27 13:51:47

字体：大中小

来源：转载

供稿：网友

3.2.1 问题
需要根据父亲控件的尺寸来设置子组件们的尺寸。
3.2.2 解决办法
使用百分比设置尺寸的时候，当控件的尺寸变化时，Flex 框架会自动调整它的子组件的尺寸。
3.2.3 讨论
百分比布局方式是一种强大工具，可以让你轻松地定义一个子组件的尺寸和位置，同时兼顾其父亲容器。例如，下面的RelativePositioningChild.mxml 组件就把自己的宽度设置为其父组件宽度的40%，高度为其父组件高度的70%。

-XML

<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" width="40%"
height="70%" backgroundColor="#0033ff">
<mx:Image source="@Embed('../../assets/image.png')"/>
<mx:Image source="@Embed('../../assets/image.png')"/>
</mx:VBox>