Question

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

Answer 1

你可以这样做：

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

对于缩放，只需将扩展控件设置为MXML中的宽度和/或高度为“100％”。

Answer 2

这里有好运的好运：

<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或Win版本，则可以使用（Linux Flash Builder没有）设计视图，这种设计很容易实现。

但我猜你可能不习惯Flash Builder处理控件定位的方式，如果是这样的话：

将此代码粘贴到您拥有的MXML文件中
转到“设计”视图，然后选择其中一个控件。
您将在“大小和位置”部分的“属性”面板中看到一个名为“Constrains”的子部分，您可以通过以下方式锁定（右侧，左侧，顶部和底部）控件的角落你想要的效果。

案例您的“属性”面板不可见。转到窗口＆gt;显示视图＆gt;属性。

希望这有帮助。

修改

如果您在Application标记中指定了MinWidth和MinHeight属性，请注意缩小Flash App时，布局会将布局调整为这些属性中指定的最小值。

如何在Flex 4中实现此布局？

2 个答案: