維持子どもの固定サイズ

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> 

<custom:CustomComponent />は私が変更することはできませんものです。それはビデオを表示するものです。しかし何らかの理由で、何か（私が推測するコンテナ）は、サイズが800 x 600になります。だから<custom:CustomCompnent />の中にスクロールバーがあります。

特定のコンテナのすべての子が特定の幅/高さを超えないようにする方法がありますか。

Answer 1

カスタムコンテナのaddChildAt（）メソッドをオーバーライドできます。 addChild（）はaddChildAt（）を呼び出すため、これはaddChild（）メソッドにも適用されます。ここで幅と高さを確認し、コンポーネントの幅/高さが変更されるたびに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;}); 
} 

EDIT

あなたはこのコードを使用したい場合は、ちょうどそうのように、キャンバスクラスを拡張する新しいクラスを作成：これを追加するために

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>