Flex 4.5 中的相对大小和定位答案

【问题标题】：Relative sizing and positioning in Flex 4.5Flex 4.5 中的相对大小和定位
【发布时间】：2013-05-26 03:00:49
【问题描述】：

我有一个 web 应用程序，在这个应用程序中我有一个主要的边框容器，在它下面有不同的组件图表、按钮和图像。我的问题是打开此应用程序的网络浏览器可能会改变分辨率大小。如何给出相对 x 和 y 位置以及宽度和高度值。我试图在我的mxml 文件中做这样的事情：

   <s:SkinnableContainer  id="mainContainer" x="0" y="0" width="100%" height="100%">
        <s:SkinnableContainer id="lastPersonInContainer" x="{130}" y="{102}" width="{mainContainer.scaleX*191}" 
                           height="{mainContainer.scaleY*254}" backgroundAlpha="0.0">
            <s:BitmapImage id="personImageBackGround" visible="true" width="100%" height="100%"  fillMode="scale" scaleMode="stretch" source="picBackGround.png"
                     verticalAlign="middle"/>
            <s:BitmapImage id="personImage" width="100%" height="100%" visible="true"  fillMode="scale" scaleMode="stretch"
                     source="assets/TT.jpg" verticalAlign="bottom"/>
        </s:SkinnableContainer>
</s:SkinnableContainer>

这种方法似乎不起作用，我现在需要的不是动态的相对定位和大小调整，而是在应用程序打开时的初始状态。 scaleX 和 scaleY 值是比率（宽度差）/宽度还是其他值。我想通过父级调整率调整每个组件的大小

感谢您的帮助。

【问题讨论】：

标签： apache-flex flex4 flex4.5

【解决方案1】：

我首先确定了背景图像的大小，例如：1920*1200，从而解决了我的问题。然后乘以组件的初始值乘以宽度 (mainContainer.widt/1920)*initialWidth 组件。希望对遇到类似问题的其他人有所帮助。

【讨论】：