保持孩子固定大小

Question

我有以下设置：

<mx:Canvas>
 <mx:ViewStack width="800" height="600">

  <mx:Canvas width="100%" height="100%">
   <s:BorderContainer width="100%" height="100%">
    <mx:Canvas x="80" y="46" width="640" height="480">
      <custom:CustomComponent width="640" height="480" />
    </mx:Canvas>
   </s:BorderContainer>
  </mx:Canvas>

 </mx:ViewStack>
</mx:Canvas>

是我无法更改的。这是显示视频的东西。然而，由于某种原因，某些东西（我猜是一个容器）的大小为 800x 600。所以我在 内得到了滚动条。

有没有办法可以强制某个容器的所有子项不超过一定的宽度/高度。

Answer 1

您只需重写自定义容器的 addChildAt() 方法即可。 （这也涵盖了 addChild() 方法，因为 addChild() 调用 addChildAt()）。在那里，您可以检查宽度和高度，并添加changeWatchers以在组件的宽度/高度每次更改时进行检查。应该使用changewatchers，因为DisplayObject没有maxWidth/maxHeight属性（否则会更容易）。

override public function addChildAt(child:DisplayObject, index:int):DisplayObject
{
    super.addChildAt(child, index);

    if(child.width > 640)child.width = 640;
    if(child.height > 480)child.height = 480;

    ChangeWatcher.watch(child, "width", function():void{child.width = (child.width > 640) ? 640 : child.width;});
    ChangeWatcher.watch(child, "height", function():void{child.height = (child.height > 480) ? 480 : child.height;});
}

编辑

当您想使用此代码时，只需创建一个扩展 Canvas 类的新类，如下所示：

package com
{
    import mx.containers.Canvas

    public class CustomCanvas extends Canvas
    {
        public function CustomCanvas():void
        {
            super();
        }

        override public function addChildAt(child:DisplayObject, index:int):DisplayObject
        {
            super.addChildAt(child, index);

            if(child.width > 640)child.width = 640;
            if(child.height > 480)child.height = 480;

            ChangeWatcher.watch(child, "width", function():void{child.width = (child.width > 640) ? 640 : child.width;});
            ChangeWatcher.watch(child, "height", function():void{child.height = (child.height > 480) ? 480 : child.height;});
        }
    }
}

为了然后使用简单的 mxml 添加此代码，您可以执行类似的操作。这将具有 Canvas 具有的所有功能，并使用您自己的 adchild() 功能进行扩展。

<com:CustomCanvas someproperty="somevalue"></com:CustomCanvas>