如何深入探究Flex應(yīng)用程序使用

這篇文章將為大家詳細(xì)講解有關(guān)如何深入探究Flex應(yīng)用程序使用，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個(gè)參考，希望大家閱讀完這篇文章后對(duì)相關(guān)知識(shí)有一定的了解。

我們提供的服務(wù)有：成都網(wǎng)站建設(shè)、網(wǎng)站制作、微信公眾號(hào)開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、丹寨ssl等。為近千家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的丹寨網(wǎng)站制作公司

和大家重點(diǎn)討論一下Flex應(yīng)用程序的概念，主要包括時(shí)間和行為的使用，在Flex應(yīng)用程序中如何添加多個(gè)頁面，以及如何使用Flex等內(nèi)容，希望本文的介紹能讓你有所收獲。

一、事件和行為的使用

HTML應(yīng)用程序的原理是由客戶端發(fā)出請(qǐng)求，并從服務(wù)器端得到反應(yīng)。與之不相同的是，F(xiàn)lex應(yīng)用程序是基于事件的/event-based。舉個(gè)例子，當(dāng)用戶單擊一個(gè)按鈕時(shí)，便會(huì)觸發(fā)一個(gè)事件。應(yīng)用程序本身，不是指服務(wù)器，包含了識(shí)別事件的邏輯并采取相應(yīng)的行動(dòng)。

當(dāng)事件被觸發(fā)時(shí)修改組件的屬性

對(duì)某個(gè)組件以編程方式進(jìn)行操作時(shí)，為了對(duì)某個(gè)事件作出反應(yīng)，必須首先要引用它，這時(shí)你就需要賦予它一個(gè)ID值，如下所示：

<mx:Panelidmx:Panelid="myPanel"layout="absolute"width="80%" height="80%"x="122"y="24">

隨后你就可以將行為/behavior添加到應(yīng)用程序上，當(dāng)某個(gè)事件被觸發(fā)時(shí)改變組件的屬性值，就象這樣：

<mx:Buttonlabelmx:Buttonlabel="Close"right="30"bottom="40" click="myPanel.visible=false"/>

當(dāng)按鈕被單擊時(shí)，面板的可見屬性值被設(shè)置為false。

使用ActionScript功能函數(shù)

你也可以通過編寫ActionScript功能函數(shù)，并在事件中調(diào)用它來達(dá)到相同的目的，在這種情況下，按鈕組件的單擊事件如下所示：

<?xmlversionxmlversion="1.0"encoding="utf-8"?> <mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> <mx:Stylesourcemx:Stylesource="styles.css"/>  <mx:Script> <![CDATA[  publicfunctionclose():void{  myPanel.visible=false;  }  ]]> mx:Script>  <mx:Panelidmx:Panelid="myPanel"layout="absolute"width="80%" height="80%"x="122"y="24"> <mx:TextAreatextmx:TextAreatext="SayhellotoFlex!"top="10"bottom="70" left="10"right="30"/> <mx:Buttonlabelmx:Buttonlabel="Close"right="30"bottom="40" click="close();"/> mx:Panel> mx:Application>

ActionScript功能函數(shù)是在MXML文件里的塊中進(jìn)行定義的，然后引用到按鈕的單擊事件上。

單獨(dú)的ActionScript代碼

為了從MXML文件中更好地分離出ActionScript代碼，你可以將它們放到單獨(dú)的ActionScript文件中而不是作為函數(shù)，然后再將它們導(dǎo)入到MXML文件里，如下所示：

<mx:Scriptsourcemx:Scriptsource="myFunctions.as"/>

運(yùn)用行為和變換增強(qiáng)豐富的視覺互動(dòng)性

Flex應(yīng)用程序是事件驅(qū)動(dòng)的，這就意味著你可以在程序運(yùn)行時(shí)使用事件去添加豐富的視覺互動(dòng)性。為了實(shí)現(xiàn)它，你使用了一個(gè)事件觸發(fā)器，用其來描述一個(gè)行為。
在前面的例子中，面板組件的visible屬性值被設(shè)置為false因而不可見。你還可以通過使用行為來制造出更強(qiáng)的視覺效果。
下面的例子創(chuàng)建了一個(gè)行為，該行為首先創(chuàng)建好一種效果，然后把它綁定到組件的hideEffect屬性上（觸發(fā)器）：

<mx:Fadeidmx:Fadeid="myFade"/> <mx:Panelidmx:Panelid="myPanel"layout="absolute"width="80%" height="80%"hideEffect="{myFade}">

當(dāng)關(guān)閉按鈕被單擊時(shí)，面板組件淡出而不是消失。
觸發(fā)器和效果還可以組合到更為復(fù)雜的行為中，其被稱之為變換/transitions。

二、在應(yīng)用程序中添加多態(tài)頁面

有幾種方法在一個(gè)Flex應(yīng)用程序中創(chuàng)建多態(tài)頁面。你可以使用ViewStack組件、創(chuàng)建單獨(dú)的MXML文件、或者使用視圖狀態(tài)。視圖狀態(tài)可以被看作是一個(gè)組件或組件群構(gòu)成的預(yù)定義的用戶界面布局。你可以使用視圖狀態(tài)為程序表現(xiàn)出不同的視覺效果。每一種視圖狀態(tài)都是基于一種基礎(chǔ)的狀態(tài)，并進(jìn)行繼承和擴(kuò)展。
在隨后的例子中，當(dāng)用戶在組件上滾動(dòng)鼠標(biāo)時(shí)，基礎(chǔ)狀態(tài)發(fā)生變化。

當(dāng)一個(gè)視圖狀態(tài)被調(diào)用時(shí)（通過用戶的鼠標(biāo)在組件上滾動(dòng)時(shí)產(chǎn)生的事件），一種效果（或一種變換）改變了用戶界面的外觀。
使用視圖狀態(tài)方式、ViewStack方式還是MXML文件方式，取決于你想從一個(gè)頁面到另一個(gè)頁面進(jìn)行變化的范圍、用戶界面的復(fù)雜性、以及實(shí)現(xiàn)Flex程序的構(gòu)架。

三、開始使用Flex

現(xiàn)在，想必你對(duì)Flex的概念有了一個(gè)基礎(chǔ)的認(rèn)識(shí)，讓我們開始創(chuàng)建Flex應(yīng)用程序吧。

◆使用FlexBuilder

通過使用新項(xiàng)目向?qū)?NewFlexProjectWizard創(chuàng)建一個(gè)Flex項(xiàng)目（File>New>FlexProject）。設(shè)計(jì)，編譯，以及調(diào)試Flex應(yīng)用程序所需的所有工具，都被包括在FlexBuilder中了。

◆使用FlexSDK

創(chuàng)建一個(gè)文件名后綴為MXML的文本文件，在其中添加MXML文件的基本元素（上述例子中的頭兩行代碼），然后使用文檔資料（特別是AdobeFlex2LanguageReference）去研究各種組件的用法。編譯和調(diào)試工具是以命令行的方法提供的。

關(guān)于如何深入探究Flex應(yīng)用程序使用就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。

分享題目：如何深入探究Flex應(yīng)用程序使用
標(biāo)題路徑：http://bm7419.com/article10/jceodo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供Google、網(wǎng)站營銷、企業(yè)建站、微信小程序、靜態(tài)網(wǎng)站、App開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)