FlexBuilder2.0中怎么定義約束布局

今天就跟大家聊聊有關(guān)FlexBuilder2.0中怎么定義約束布局，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

定義約束的布局

給組件在你的布局定位完后, 你將定義約束的布局,它能使組件跟隨應用程序窗口自我調(diào)整大小。

1.在設計視圖,選擇TextInput組件。

2.在Flex屬性面板,確定Layout類別已被展開。Layout類別包含設置固定的選項。

3.定義約束的布局,在Layout類別中點擊左邊與右邊的固定選框,并在左邊文本框輸入90,右邊文文本框輸入60。這是TextInput控件與Canvas容器的左邊與右邊保持的距離,如下:

這兩個固定選框, 跟隨窗口固定TextInput控件的左右兩邊。在文本框中輸入的數(shù)字是指定TextInput控件與Canvas容器保持的距離有多遠(單位:像素(pixels))。
這些約束在MXML代碼里被表示如下：
程序代碼：

<mx:TextInput y="60">   <mx:layoutConstraints>   <mx:EdgeAnchor left="90" right="60"/>   </mx:layoutConstraints>   </mx:TextInput>

4.在Canvas容器中選擇TextArea控件,在Flex屬性面板中,選擇所有的四個固定選框并輸入與邊緣保持的距離,如下:
◆ left: 90
◆ right: 60
◆top: 90
◆ bottom: 190
TextArea的Flex屬性面板如下:

5.在Canvas容器中選擇TextArea控件,在Flex屬性面板中,選上右邊與下邊的固定選框,并在右邊文本框輸入60,下邊文本框輸入150。

6.保存文件,等待FlexBuilder2.0直到編譯完成應用程序,再點擊工具條上的Run按鈕。
瀏覽器自動打開并運行你的Flex應用程序。

7.拖動應用程序的窗口的邊緣,使應用程序的窗口變大或變小。
例如, 如果你將應用程序的窗口縮小, Button控件會向內(nèi)移動, TextInput與TextArea控件將會跟隨縮小。

如果你將應用程序的窗口拖長, Button控件會向外移動, TextInput與TextArea控件將會跟隨拖長。

看完上述內(nèi)容，你們對FlexBuilder2.0中怎么定義約束布局有進一步的了解嗎？如果還想了解更多知識或者相關(guān)內(nèi)容，請關(guān)注億速云行業(yè)資訊頻道，感謝大家的支持。