日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

本文和大家重點(diǎn)討論一下FlexBuilder2.0中創(chuàng)建基于約束的布局，這個(gè)速學(xué)教程教你該如何在FlexBuilder2.0中創(chuàng)建基于約束的布局。一個(gè)基于約束的布局確保當(dāng)在用戶重設(shè)置應(yīng)用程序窗口大小時(shí)，應(yīng)用程序中的組件會(huì)聰明地自我調(diào)節(jié)大小。

增城網(wǎng)站制作公司哪家好，找成都創(chuàng)新互聯(lián)！從網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)公司等網(wǎng)站項(xiàng)目制作，到程序開發(fā)，運(yùn)營維護(hù)。成都創(chuàng)新互聯(lián)成立于2013年到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選成都創(chuàng)新互聯(lián)。

FlexBuilder2.0中創(chuàng)建基于約束的布局

這個(gè)速學(xué)教程教你該如何在FlexBuilder2.0中創(chuàng)建基于約束的布局。一個(gè)基于約束的布局確保當(dāng)在用戶重設(shè)置應(yīng)用程序窗口大小時(shí)，應(yīng)用程序中的組件會(huì)聰明地自我調(diào)節(jié)大小。

開始之前

開始這個(gè)速學(xué)教程之前，確定你完成下面的任務(wù):
◆在FlexBuilder2.0中創(chuàng)建QuickStart項(xiàng)目。
◆在FlexBuilder2.0中打開Project菜單中確認(rèn)BuildAutomatically選項(xiàng)已選上,如下:

學(xué)習(xí)在FlexBuilder2.0中基于約束的布局

當(dāng)用戶重設(shè)置Flex應(yīng)用程序窗口大小時(shí),你想組件在你的布局中是聰明地自我調(diào)節(jié)大小時(shí)，基于約束的布局就能發(fā)揮它的作用。
你將使用Canvas容器創(chuàng)建基于約束的布局。Canvas容器使組件的大小與位置更有彈性。它附屬你當(dāng)Canvas容器重設(shè)置大小時(shí)自動(dòng)伸縮與移動(dòng)組件的能力。
例如，如果當(dāng)用戶將應(yīng)用程序窗口拖大，你想TextInput文件本框的寬度跟著伸長，你能固定文件本框與Canvas容器左邊與右邊的位置，那么文件本框的寬度將被窗口的寬度而設(shè)定。
注意：在Flex中，所有的約束是相對(duì)于Canvas容器邊緣設(shè)置的。不能相對(duì)于其它的控件而設(shè)置。
現(xiàn)在你明白基本概念后,你能在FlexBuilder2.0中創(chuàng)建一個(gè)簡單的應(yīng)用程序與定義約束的布局。

插入與放置組件

創(chuàng)建基于約束的布局的***個(gè)步驟是在Canvas容器中放置組件。在Flex的容器中,只有Canvas容器是支持絕對(duì)坐標(biāo)。
像MacromediaFlash的場(chǎng)景一樣,你能拖放與放置組件到Canvas容器的任何位置。對(duì)于象素點(diǎn)的準(zhǔn)確性來說，你能設(shè)置x與y軸。
在這部分里,將插入與放置組件來組成一個(gè)簡單的反饋表單。

1.打開QuickStart項(xiàng)目,選擇File>New>MXMLApplication,在FileName中輸入Layout.mxml。

2.在Navigator視圖中右擊Layout.mxml文件,選擇ApplicationManagement>SetAsDefaultApplication,將它指定為默認(rèn)被編譯的文件。

3.在設(shè)計(jì)視圖中,從Components面板(Window>ShowView>Components)中拖放一個(gè)Label與一個(gè)TextInput控件到Canvas容器里。

4.使用鼠標(biāo)拖動(dòng)Label與TextInputl控件肩并肩在Canvas容器3分之1下的位置上(其實(shí)只要放到Canvas容器里就可以,下面會(huì)進(jìn)行具體的調(diào)整)。

5.在FlexBuilder2.0屬性面板中,展開General與Layout屬性面板。設(shè)置General與Layout屬性的選項(xiàng)出現(xiàn)。

如果你看到的視圖與上面的不一樣,那請(qǐng)點(diǎn)擊視圖工具條上的ViewAsForm按鈕。

6.在Canvas容器上,選擇Label控件與在Flex屬性面板給Label設(shè)置以下屬性:

◆text:Email
◆x:20
◆y:60
7.在Canvas容器上,選擇TextInput控件與在Flex屬性面板給TextInput設(shè)置以下屬性:
◆x:90
◆y:60
◆width:300

8.在工具條上點(diǎn)擊Code按鈕,將視圖轉(zhuǎn)為代碼視圖。

Layout.mxml文件將包含下面的MXML代碼:
程序代碼：

 
 
 
 

  
  
  
  

  
  
  
  

  
  
  
  
xmlns="*">
  
  
  
  

  
  
  
  

  
  
  
  

  
  
  
  

  
  
  
  

  
  
  
  

 
 
 
 

9.在標(biāo)簽后面輸入下面的代碼來插入剩下的Flex控件:
程序代碼：

你能通過工具條上點(diǎn)擊Design按鈕來預(yù)覽已做好的布局。這個(gè)布局將如下圖:

10.保存文件。

11.點(diǎn)擊工具條上的Run按鈕。

瀏覽器自動(dòng)打開并運(yùn)行你的FlexBuilder2.0應(yīng)用程序。

注意:瀏覽器必須了安裝FlashPlayer8.5，F(xiàn)lex2應(yīng)用程序才能在瀏覽器中運(yùn)行。

12.拖動(dòng)應(yīng)用程序的窗口的邊緣,使應(yīng)用程序的窗口變大或變小。

組件仍然保持與窗口的左與上邊緣的絕對(duì)坐標(biāo)位置,在重設(shè)置應(yīng)用程序窗口大小時(shí),他們不會(huì)伸長與縮小。例如:如果你將窗口縮小,Button控件將消失,TextInput與TextArea控件將被留下一部分。
下一個(gè)步驟設(shè)置對(duì)控件有約束性的布局,當(dāng)用戶在重設(shè)置應(yīng)用程序窗口大小時(shí),他們會(huì)自動(dòng)調(diào)整大小。

網(wǎng)站標(biāo)題：FlexBuilder2.0中創(chuàng)建基于約束的布局
網(wǎng)頁路徑：http://www.5511xx.com/article/dphhdio.html