如何在FLEX中缩放SkinnableContainer和他所有的孩子？

<s:SkinnableContainer styleName="top" width="1458" height="131" > 
      <s:VGroup left="50" verticalAlign="middle" height="131" styleName="profile_info"> 
       <s:Image source="@Embed(source='images/logo.png')"/> 
      </s:VGroup> 
</s:SkinnableContainer>

在我的应用程序

我有这样的：如何在FLEX中缩放SkinnableContainer和他所有的孩子？

<s:Application 
    xmlns:fx="http://ns.adobe.com/mxml/2009"  
    xmlns:mx="library://ns.adobe.com/flex/mx"  
    xmlns:s="library://ns.adobe.com/flex/spark" 
    width="800" height="600" addedToStage="stretchHandler()"> 

    private function stretchHandler():void{ 
     stage.scaleMode = StageScaleMode.SHOW_ALL; 
     stage.align = StageAlign.TOP; 
     this.width = stage.stageWidth; 
     this.height = stage.stageHeight; 
    }

但SkinnableContainer和图像内不结垢，如何扩大呢？

来源

2014-01-29 yeah its me

要让你的内容规模，它的容器必须设置高度和宽度的百分比EG：

<s:SkinnableContainer styleName="top" width="100%" height="100%"/>

这将使你的容器一直是其母公司的大小相同。但是，您的容器内容仍然会遵循自己的尺寸设置。

Layout settings也很重要，在设定为100％将彼此叠置的Group 2对象和曾经是在z顺序将在顶部。然而，在VGroup中，100％/ 100％的两项分别占据高度的50％和宽度的100％。注意1：Spark Image的作用类似于源图像周围的容器，而“容器”将缩放到父容器，源图像将遵循稍微不同的规则，您必须使用Image.fillMode和Image.scaleMode来控制它（ I recommend reading the docs on this）

注2：基于所有UIComponents具有最小/最大hieght/width属性以及标准尺寸的道具

来源

2014-01-29 15:46:02 CyanAngel

尝试此，

所有容器的宽度和高度应百分比（％）和图像也是f或图像需要给scaleMode="stretch" fillMode="scale"。

<s:SkinnableContainer left="300" styleName="top" width="90%" height="40%"> 
      <s:Image source="@Embed(source='images/logo.png')" width="100%" height="100%" scaleMode="stretch" fillMode="scale"/>  
    </s:SkinnableContainer>

这将工作。

来源

2014-01-30 09:16:45

如何在FLEX中缩放SkinnableContainer和他所有的孩子？

回答

相关问题