Question

我有一个Web应用程序，在这个应用程序中我有一个主要的bordercontainer，在这下有不同的组件图表，按钮和图像。我的问题是打开此应用程序的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值保持的是比率（宽度差异）/宽度或其他值。我想通过其父调整大小率

来调整每个组件的大小

感谢您的帮助。

Answer 1

我通过首先确定背景图像的大小来解决我的问题：1920 * 1200。然后通过组件的初始值乘以宽度（mainContainer.widt / 1920）* initialWidth组件。希望它有助于遇到类似问题的其他人。

Flex 4.5中的相对大小和位置

1 个答案: