nxl第4章flex深入學(xué)習(xí)三理論(編輯修改稿)
2025-01-03 22:10 本頁(yè)面
【文章內(nèi)容簡(jiǎn)介】 。用記事本打開該文件，在根節(jié)點(diǎn)中添加一個(gè)子節(jié)點(diǎn)，代碼如下所示 ? 修改 ，在其中創(chuàng)建 RemoteObject對(duì)象，并使用該對(duì)象訪問遠(yuǎn)程調(diào)用類 Service，修改后的代碼如下 ? 重新發(fā)布 remotingApp，再次運(yùn)行 ，單擊“加載遠(yuǎn)程數(shù)據(jù)”按鈕， Flex會(huì)調(diào)用遠(yuǎn)程 Java類查詢數(shù)據(jù)庫(kù)中的商品信息并顯示出來 destination id=service properties source/source /properties /destination 在 destination節(jié)點(diǎn) ， 每個(gè)節(jié)點(diǎn)代表一個(gè)遠(yuǎn)程調(diào)用類 ， 用 id屬性加以標(biāo)識(shí) ， 其值不能重復(fù)。 source節(jié)點(diǎn)值代表 class文件路徑 //處理返回結(jié)果事件 protected function myRemoteObject_resultHandler(event:ResultEvent):void { //獲取結(jié)果，并顯示 =。 } //處理訪問錯(cuò)誤異常事件 protected function myRemoteObject_faultHandler(event:FaultEvent):void { (,RemoteObject示例演示 )。 } protected function btnLoad_clickHandler(event:MouseEvent):void { //調(diào)用遠(yuǎn)程類的 getAllShop方法 ()。 } !定義 RemoteObject 對(duì)象 ,destination就是 Remoting配置文件中的 id s:RemoteObject id=myRemoteObject destination=service showBusyCursor=true endpoint=ker/amf result=myRemoteObject_resultHandler(event) fault=myRemoteObject_faultHandler(event)/ endpoint屬性用于定義Remoting技術(shù)中的信道(Channel)，該屬性不能缺少，否則會(huì)出現(xiàn) 404錯(cuò)誤 代碼演示 說明： Java端的 ResultSet數(shù)據(jù)集類型不能被 Flex正確識(shí)別，為了避免錯(cuò)誤可返回 ArrayList類型， ArrayList是 Collection的子類，在 Flex端，它們都會(huì)被轉(zhuǎn)為 ArrayCollection類型。 2. Flex圖表 ? 圖表是一種數(shù)據(jù)的可視化方式，將數(shù)據(jù)以圖表方式顯示能使數(shù)據(jù)更容易被用戶理解 ? Flex支持最常見的餅形圖、折線圖和柱形圖等二維圖表類型，并提供了對(duì)圖表外觀的大量控制方法 ? 圖表需要包含一種圖表類型、若干系列數(shù)據(jù)、和若干坐標(biāo)軸等 ? 圖表類型（ ChartType) ? 圖表類型是每個(gè)圖表的根標(biāo)簽，該標(biāo)簽是必需，用來決定圖表所使用的類型 ? 餅形圖的圖表類型標(biāo)簽為 mx:PieChart ? 折線圖的圖表類型標(biāo)簽為 mx:LineChart ? 柱形圖的圖表類型標(biāo)簽為 mx:ColumnChart ? 該標(biāo)簽也能用來自定義圖表元素，例如呈現(xiàn)的數(shù)據(jù)、鼠標(biāo)經(jīng)過時(shí)是否將Tooltip作為元素顯示等 Flex圖表 ? 系列 (Series) ? 系列用來指定圖表所使用的數(shù)據(jù)。每個(gè)圖表必須至少定義一個(gè)系列。每一種圖表都有其自己的系列 ? 餅形圖 mx:PieChart根標(biāo)簽對(duì)應(yīng)的系列標(biāo)簽為 mx:PieSeries ? 折線圖根標(biāo)簽 mx:LineChart對(duì)應(yīng)的系列標(biāo)簽為 mx:LineSeries ? 柱形圖根標(biāo)簽 mx:ColumnChart對(duì)應(yīng)的系列標(biāo)簽為 mx:ColumnSeries ? 坐標(biāo)軸 (Axis) ? 坐標(biāo)軸對(duì)于二維圖表是必要的，例如折線圖和柱形圖（餅形圖無需坐標(biāo)軸），坐標(biāo)軸能指定在圖表的 X軸和 Y軸分別呈現(xiàn)什么數(shù)據(jù) Flex圖表 ? 使用餅形圖呈現(xiàn)數(shù)據(jù) //定義用于顯示在餅形圖系列中的文本函數(shù) private function pieChartLabelFunction(data:Object, field:String, index:Number, percentValue:Number):String { return +年 。 } //定義餅圖在鼠標(biāo)經(jīng)過時(shí)顯示的數(shù)據(jù)提示函數(shù) private function pieChartDataTipFunction(hitData:HitData):String { //獲取要繪制的圖表項(xiàng) var item:Object=。 //返回圖表在鼠標(biāo)經(jīng)過時(shí)顯示的數(shù)據(jù)提示 return 銷售量為： +。 } ! 定義餅形圖 mx:PieChart id=piechart1 showDataTips=true dataTipFunction=pieChartDataTipFunction dataProvider={salesArr} !定義餅形圖系列 mx:series mx:PieSeries field=salesVolume labelFunction=pieChartLabelFunction labelPosition=insideWithCallout / /mx:series /mx:PieChart 代碼演示 使用 labelFunction屬性通過回調(diào)函數(shù)以個(gè)性化的方式在餅形圖系列中顯示文本 當(dāng)鼠標(biāo)指向餅形圖的某個(gè)系列時(shí) ,使用 dataTipFunction屬性通過回調(diào)函數(shù)以個(gè)性化的方式顯示提示消息labelPosition屬性取值為insideWithCallout時(shí)表明在餅中區(qū)域顯示數(shù)據(jù) Flex圖表 ? 使用折線圖呈現(xiàn)數(shù)據(jù) //定義折線圖在鼠標(biāo)經(jīng)過時(shí)顯示的數(shù)據(jù)提示函數(shù) private function chartDataTipFunction(hitData:HitData):String { //獲取鼠標(biāo)經(jīng)過系列時(shí)的 yField值 var yField:String=LineSeries().yField。 //如果鼠標(biāo)經(jīng)過的是用于標(biāo)識(shí)銷售
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1