Question

我使用mxml布置我的Flex组件并让它们正常工作。但后来我想将它们切换到Actionscript，因为我希望它们扩展一个提供默认功能的基本组件。

我已经去了代码工作，除了我使用width =“100％”和height =“100％”填充整个空间的组件似乎只显示默认大小。你知道我怎么能让他们再次占据整个空间吗？

这是我正在玩的测试组件，它展示了这个问题。

Main.mxml

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:bbq="components.*" backgroundGradientColors="[#000000, #3333dd]" minWidth="480" minHeight="320" layout="vertical" verticalAlign="top" horizontalAlign="center" paddingLeft="0" paddingRight="0" paddingTop="30" paddingBottom="0" width="100%" height="100%" >

<mx:VBox backgroundColor="0xcccc66">
    <mx:ViewStack id="mainViewStack" width="100%" height="100%" color="0x323232">
        <bbq:TestComp id="testComp" height="100%" width="100%" />
        <bbq:ResultsBox />
    </mx:ViewStack>
</mx:VBox>

TestComp.as

package components {

import mx.containers.VBox;

import mx.containers.Panel;

import flash.events.*;

public class TestComp extends VBox {
    private var p:Panel;

    function TestComp(){
        super();
        percentHeight = 100;
        percentWidth = 100;
    }

    override protected function createChildren():void {
        super.createChildren();
        p = new Panel();
        p.percentHeight = 100;
        p.percentWidth = 100;
        p.title = "Test Comp";
        addChild(p);
    }       
}

}

Answer 1

添加继承的方法调用;调用super（）方法;

import mx.containers.VBox;
import mx.containers.Panel;
import flash.events.*;

public class TestComp extends VBox {
    private var p:Panel;

    function TestComp(){
        super(); // add this line

        percentHeight = 100;
        percentWidth = 100;
    }

    override protected function createChildren():void {
        super.createChildren(); // add this line

        p = new Panel();
        p.percentHeight = 100;
        p.percentWidth = 100;
        p.title = "Test Comp";
        addChild(p);
    }       
}

在你的mxml：

<local:TestComp width="100%" height="100%" />

Answer 2

我想我可能知道它是什么。我认为我明确地设置了视图堆栈中其中一个组件的宽度和高度，我认为这会影响视图堆栈本身，以便添加到它的所有其他组件也都是那些维度。

Answer 3

resizeToContent=true

如何使用Actionscript获取Flex组件以填充可用空间

3 个答案: