在纯ActionScript代码中模拟includeInLayout = false

如果您了解Flex，您可能知道属性“includeInLayout”的作用。如果不是，则此属性使组件的父级忽略组件的边界（如宽度和高度）以呈现它们自己的边界。参考说明如下：指定此组件是否为包含在父母的布局中容器。如果为true，则对象为包含在其父容器中布局和尺寸和位置它的父容器按其布局规则。如果为false，则对象大小和位置不受其影响父容器的布局。 http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/mx/core/UIComponent.html#includeInLayout 在Flex中，例如：

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
                layout="absolute"
                creationComplete="application1_creationCompleteHandler(event)">
    <mx:Script>
        <![CDATA[
            import mx.events.FlexEvent;

            protected function application1_creationCompleteHandler( event:FlexEvent ):void
            {
                trace( container.width, container.height ); // output: 200 200
            }
        ]]>
    </mx:Script>
    <mx:Canvas id="container">
        <mx:Button label="Test"
                   width="100"
                   height="100" />
        <mx:Button label="Test2"
                   width="200"
                   height="200" />
    </mx:Canvas>
</mx:Application>

现在，如果我在第二个按钮中设置includeInLayout =“false”：

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
                layout="absolute"
                creationComplete="application1_creationCompleteHandler(event)">
    <mx:Script>
        <![CDATA[
            import mx.events.FlexEvent;

            protected function application1_creationCompleteHandler( event:FlexEvent ):void
            {
                trace( container.width, container.height ); // output: 100 100
            }
        ]]>
    </mx:Script>
    <mx:Canvas id="container">
        <mx:Button label="Test"
                   width="100"
                   height="100" />
        <mx:Button label="Test2"
                   width="200"
                   height="200"
                   includeInLayout="false" />
    </mx:Canvas>
</mx:Application>

我知道实现此属性所涉及的所有框架体系结构，并且知道此属性是Flex Framework的属性。我想要的是纯粹的动作中的这种行为。例如：

import flash.display.Shape;

var myBox:Shape = new Shape();

myBox.graphics.beginFill(0xFF0000);
myBox.graphics.drawRect(0, 0, 100, 100);
myBox.graphics.endFill();

addChild(myBox);

trace(width, height); // output: 100 100

var myAnotherBox:Shape = new Shape();

myAnotherBox.graphics.beginFill(0xFF00FF, .5);
myAnotherBox.graphics.drawRect(0, 0, 200, 200);
myAnotherBox.graphics.endFill();

addChild(myAnotherBox);

trace(width, height); // output: 200 200

在纯的Actionscript中是否有一些等效的实现来在“myAnotherBox”上重现这种行为？我已经尝试过：改变变换矩阵; 改变变换pixelBounds; 改变scrollRect; 涂面膜; 并没有成功。干杯...

已邀请:

3 个回复

靛新比比催

你试图比较不同的东西。在第一个示例中，宽度和高度来自UIComponent类，它实际上表示由Flex Framework提供的“测量”值。在第二种情况下，宽度和高度是Flash Player提供的渲染形状的实际大小。如果你打开UIComponent的实现，你会发现它实际上将宽度和高度的原始含义隐藏在$ width和$ height中，并为它提供了自己的实现。所以要回答你的问题，你无法实现你想要直接使用Shapes（纯Flash组件）的工作每次在图形上下文中绘制内容时，宽度和高度都会相应更新。你有选择：在一个图形中绘制第一个图形，在另一个图形中绘制第二个图形并仅测量第一个图形自己计算宽度和高度。这实际上是容器的作用，只是跳过includeInLayout = false子组件。

舶啥戚

如果你查看UIComponent源代码，你会发现，标志includeInLayout用于失效机制（exatcly in size invalidation）。如果组件的includeInLayout为false，则不重新计算其父级的大小及其大小。无效是本机Flex框架机制，在纯AS项目中不存在。

冉案

您需要覆盖容器中的宽度和高度：

override public function get width() : Number {
    // place your code here
    return 100;
}

override public function get height() : Number {
    // place your code here
    return 100;
}

要回复问题请先登录或注册

在纯ActionScript代码中模拟includeInLayout = false

3 个回复

发起人

simulate

问题状态

在纯ActionScript代码中模拟includeInLayout = false

与内容相关的链接

3 个回复

发起人

simulate

问题状态