enfants de maintien de la taille fixe

Question

J'ai la configuration suivante:

<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> 

Le <custom:CustomComponent /> est quelque chose que je ne peux pas changer. C'est quelque chose qui affiche des vidéos. Cependant, pour une raison quelconque, quelque chose (un conteneur je suppose) obtient la taille 800 x 600. Donc, je reçois des barres de défilement à l'intérieur du <custom:CustomCompnent />.

Y a-t-il un moyen de forcer tous les enfants d'un certain conteneur à ne pas dépasser une certaine largeur/hauteur.

Answer 1

Vous pouvez simplement remplacer la méthode addChildAt() de votre conteneur personnalisé. (ceci couvre aussi la méthode addChild(), car addChild() appelle addChildAt()). Là, vous pouvez vérifier la largeur et la hauteur et ajouter changeWatchers pour vérifier chaque fois que la largeur/hauteur d'un composant change. les changeurs de changement devraient être utilisés parce que DisplayObject n'a pas de propriété maxWidth/maxHeight (sinon ce serait encore plus facile).

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

Lorsque vous souhaitez utiliser ce code, il suffit de créer une nouvelle classe qui étend la toile de classe, comme ceci:

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;}); 
     } 
    } 
} 

Pour ajouter ensuite cette en utilisant simple mxml, vous pouvez simplement faire quelque chose comme ça. Cela aura toutes les fonctionnalités d'un Canvas, étendues avec votre propre fonctionnalité adchild().

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