如何在Flex 4中实现这种布局？

Question

我很新的Flex开发。现在我正在学习Flex中的布局。我尝试做出以下布局。 alt text http://get2know.it/wp-content/uploads/2010/04/2010-04-23_232857.png 红色箭头表示放大窗口时，红色箭头小部件也会变大。任何人都可以在Flex中实现这种布局？提前致谢。

Answer 1

这里去幽邃好运：

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

如果您正在使用Flash Builder的Mac或Windows版本，您获得了设计视图（Linux的Flash Builder不具有），这样的设计很容易去做。

，但我想，你可能不习惯的是Flash Builder的处理控制定位方式，如果多数民众赞成的情况下：

• 你有
• 转到设计粘贴在MXML文件中的代码查看并选择其中一个控件。
• 您将在大小和位置部分的属性面板中看到一个名为Constrains的子节，您可以以某种方式锁定（右，左，上和下）控件的各个角落您需要的预期效果。

如果您的属性面板不可见。转到窗口>显示视图>属性。

希望这会有所帮助。

编辑：

如果你在你的应用程序标签中指定的MinWidth和MinHeight性质，提防萎缩您的Flash应用程序时，该布局将调整布局，以在这些属性规定的最低。

Answer 2

你可以做这样的事情：

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

为了您的缩放，只需将您的扩展控件有“100％”的宽度和/或高度在MXML。