nxl第4章flex深入學(xué)習(xí)三理論(參考版)
2024-12-10 22:10本頁(yè)面
【正文】 它能夠使得后端的 Java 應(yīng)用程序和運(yùn)行在瀏覽器上的 Adobe Flex 應(yīng)用程序相互通信 ? mx:PieChart標(biāo)簽生成餅形圖 ? mx:LineChart標(biāo)簽生成折線圖 ? mx:ColumnChart標(biāo)簽生成柱形圖 。其優(yōu)勢(shì)為 ? AIR應(yīng)用程序可以直接訪問(wèn)文件系統(tǒng) ? AIR應(yīng)用程序可以使用窗口 API，可以完全定制應(yīng)用程序的外觀，也可以創(chuàng)建“后臺(tái)”程序 ? AIR提供了嵌入式數(shù)據(jù)庫(kù)，支持更強(qiáng)的客戶端存儲(chǔ)能力 創(chuàng)建 AIR應(yīng)用程序 ? 在創(chuàng)建 AIR應(yīng)用程序之前，必須先安裝 AIR運(yùn)行時(shí)，可以從 Adobe官方網(wǎng)站 Windows版本的 AIR安裝程序進(jìn)行安裝 ? 選擇“ file”→”new” →”Flex 項(xiàng)目”命令，系統(tǒng)將彈出”新建 Flex項(xiàng)目“對(duì)話框，輸入項(xiàng)目名，在”應(yīng)用程序類型“項(xiàng)中選擇”桌面（在 Adobe AIR中運(yùn)行）“選項(xiàng) ? 單擊“ Finish”按鈕完成創(chuàng)建過(guò)程，系統(tǒng)會(huì)產(chǎn)生兩個(gè)文件：一個(gè) MXML應(yīng)用程序文件，另一個(gè)是用于定義程序部署選項(xiàng)的 xml文件 ? 修改 ，代碼如下 ? 選中 ，單擊右鍵選擇“ Run as”→” 桌面應(yīng)用程序”，運(yùn)行以上代碼 選擇桌面選項(xiàng) MXML應(yīng)用程序文件和 XML部署選項(xiàng)文件 ?xml version= encoding=utf8? s:WindowedApplication xmlns:fx= xmlns:s= xmlns:mx= . . . /s:WindowedApplication AIR程序的根標(biāo)簽是s:WindowedApplication而Flex Web程序的根標(biāo)簽是s:Application 導(dǎo)出 AIR文件 ? 現(xiàn)在已經(jīng)構(gòu)建了一個(gè)運(yùn)行在桌面的應(yīng)用程序，可以使用 Flash builder 將該示例打包成一個(gè)安裝程序以便可以有效地發(fā)布這個(gè)程序 ? 選中 airapp項(xiàng)目，選擇“ Project”→” 導(dǎo)出發(fā)行版”命令，系統(tǒng)會(huì)彈出“導(dǎo)出發(fā)行版”對(duì)話框 ? 單擊“ next”按鈕，系統(tǒng)彈出”數(shù)字簽名“對(duì)話框 ? 單擊“創(chuàng)建”按鈕彈出“創(chuàng)建自簽名數(shù)字證書(shū)”對(duì)話框，按圖示進(jìn)行操作 ? 單擊“ ok”按鈕，返回”數(shù)字簽名“對(duì)話框，單擊“ next”按鈕 ,彈出“ AIR文件內(nèi)容”對(duì)話框 ? 單擊” Finish”按鈕，完成導(dǎo)出過(guò)程，之后在項(xiàng)目的根目錄中會(huì)創(chuàng)建一個(gè)名為 ? 之后可將此文件復(fù)制到目標(biāo)計(jì)算機(jī)上雙擊進(jìn)行安裝 ? 單擊“安裝”按鈕，繼續(xù)安裝。他們可以使用自己熟悉的技術(shù)在瀏覽器的外部構(gòu)建應(yīng)用程序。 } !定義柱形圖 mx:ColumnChart id=columnchart1“ showDataTips=true dataTipFunction=chartDataTipFunction“ dat Provider={sal sArr} !定義 X軸 mx:horizontalAxis mx:CategoryAxis categoryField=yearId labelFunction=Axis_labelFunction/ /mx:horizontalAxis mx:series !定義兩個(gè)柱狀系列 mx:ColumnSeries xField=yearId displ yName=銷售量 yField=salesVolume / mx:ColumnSeries xField=yearId displayName=銷售額 yField=salesRoom / /mx:series /mx:ColumnChart 代碼演示 Flex圖表 ? 向圖表添加動(dòng)畫(huà) ? 可以向 Flex中的圖表應(yīng)用 3種內(nèi)置動(dòng)畫(huà)，它們都是 ? 這些類通過(guò)系列的 showDataEffect或 hideDataEffect效果觸發(fā)器使用 ? SeriesInterpolate ? SeriesInterpolate效果能將現(xiàn)有數(shù)據(jù)對(duì)應(yīng)的圖形移動(dòng)到新的位置 ? SeriesInterpolate效果只能用于 showDataEffect觸發(fā)器 ? SeriesSlide ? SeriesSlide效果能使數(shù)據(jù)系列滑入或滑出圖表范圍 ? 其中 direction屬性指定了系列滑動(dòng)時(shí)的起始方位 ? SeriesZoom ? SeriesZoom效果會(huì)使圖表數(shù)據(jù)向內(nèi)或向外縮放 ? 使用 SeriesZoom效果時(shí)，圖表數(shù)據(jù)可能會(huì)從指定的焦點(diǎn)放大，也可能會(huì)縮小到焦點(diǎn)處 Flex圖表 ? 向圖表添加動(dòng)畫(huà) ? 在 fx:Declarations區(qū)域聲明一個(gè) SeriesInterpolate類的實(shí)例 ? 定義柱形圖，并在 showDataEffect效果觸發(fā)器中使用 SeriesInterpolate動(dòng)畫(huà) mx:SeriesInterpolate id=seriesInterpolate duration=3000//mx:ColumnChart mx:ColumnChart id=columnchart1“ showDataTips=true“ dataTipFunction=chartDataTipFunction“ dataProvider={salesArr} !定義 X軸 mx:horizontalAxis mx:CategoryAxis categoryField=yearId labelFunction=Axis_labelFunction/ /mx:horizontalAxis mx:series !定義兩個(gè)柱狀系列 mx:ColumnSeries xField=yearId displayName=銷售量 yField=salesVolume showDataEffect={seriesInterpolate}/ mx:ColumnSeries xField=yearId displayName=銷售額 yField=salesRoom showDataEffect={seriesInterpolate}/ /mx:series /mx:ColumnChar
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1