Comment implémenter cette disposition dans Flex 4?

Question

Je suis assez nouveau dans le développement Flex. Maintenant, j'apprends des mises en page dans Flex. J'essaie de faire la mise en page suivante. alt text http://get2know.it/wp-content/uploads/2010/04/2010-04-23_232857.png La flèche rouge signifie que lorsque vous agrandissez la fenêtre, le widget de la flèche rouge devient trop grand. Quelqu'un peut-il implémenter cette mise en page dans Flex? Merci d'avance.

Answer 1

va ici Yousui bonne chance:

<s:layout> 
    <s:BasicLayout/> 
</s:layout> 
<s:Label text="Name:" left="9.8" top="16.4" width="38" height="12"/> 
<s:Label text="Description:" left="9.75" top="45.85"/> 
<s:Label text="Pattern:" left="9.5" top="76"/> 
<s:TextInput left="85" top="10" right="353"/> 
<s:TextInput left="85.5" top="40" right="10.5"/> 
<s:TextArea left="86" top="70" right="7" bottom="34"/> 
<s:Button label="Insert Variable" bottom="6" left="86"/> 
<s:Label text="Context:" width="45" top="16" right="300"/> 
<s:ComboBox width="150" top="10" right="143"/> 
<s:CheckBox label="Automatically insert" top="11" right="10.700012"/> 
<s:Button label="Cancel" right="7" bottom="6.450012"/> 
<s:Button label="OK" right="84.599976" bottom="6.799988"/> 

Si vous utilisez Flash Builder version Mac ou Windows, vous avez le point de vue de la conception disponible (Linux Flash Builder n'a pas), cette conception serait facile faire.

Mais je suppose que vous n'êtes probablement pas habitué à la façon qui gère Flash Builder positionnement de contrôle, si c'est le cas:

• Collez ce code dans le fichier MXML que vous avez
• Aller à la conception affichez et sélectionnez l'un de ces contrôles.
• Vous verrez dans le panneau Propriétés dans la section Taille et position, une sous-section nommée Contraintes, qui vous permet de verrouiller (à droite, à gauche, en haut et en bas) les coins de votre contrôle de manière à obtenir l'effet désiré dont vous avez besoin.

Si votre panneau Propriétés n'est pas visible. Allez dans Fenêtre> Afficher la vue> Propriétés.

Espérons que cela aide.

EDIT:

Si vous avez les MinWidth et MinHeight propriétés spécifiées dans votre balise d'application, méfiez-vous que lors de la réduction de votre application Flash, la mise en page ajustera votre mise en page à un minimum spécifié dans les propriétés.

Answer 2

Vous pouvez faire quelque chose comme ceci:

<VBox> 
    <HBox> 
     ... // Name, context... 
    </HBox> 
    <HBox> 
     ... // Description... 
    </HBox> 
    <HBox> 
     <Label text="Pattern: "/> 
     <VBox> 
      ... // text and insert variable 
     </VBox> 
    </HBox> 
</VBox> 

Pour votre mise à l'échelle, vient de mettre vos commandes en expansion pour avoir une largeur et/ou hauteurs de « 100% » dans le MXML.