您好,登錄后才能下訂單哦!
今天就跟大家聊聊有關FlexBuilder2.0中怎么定義約束布局,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結了以下內容,希望大家根據這篇文章可以有所收獲。
定義約束的布局
給組件在你的布局定位完后, 你將定義約束的布局,它能使組件跟隨應用程序窗口自我調整大小。
1.在設計視圖,選擇TextInput組件。
2.在Flex屬性面板,確定Layout類別已被展開。Layout類別包含設置固定的選項。
3.定義約束的布局,在Layout類別中點擊左邊與右邊的固定選框,并在左邊文本框輸入90,右邊文文本框輸入60。這是TextInput控件與Canvas容器的左邊與右邊保持的距離,如下:
這兩個固定選框, 跟隨窗口固定TextInput控件的左右兩邊。在文本框中輸入的數字是指定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控件會向內移動, TextInput與TextArea控件將會跟隨縮小。
如果你將應用程序的窗口拖長, Button控件會向外移動, TextInput與TextArea控件將會跟隨拖長。
看完上述內容,你們對FlexBuilder2.0中怎么定義約束布局有進一步的了解嗎?如果還想了解更多知識或者相關內容,請關注億速云行業資訊頻道,感謝大家的支持。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。