9.18.自定義引導界面

2024-04-27 13:52:08

字體：大中小

來源：轉載

供稿：網友

9.18.1. 問題
你想自定義在下載和初始化Flex 程序時顯示的引導界面。
9.18.2. 解決辦法
通過生成mx.preloaders.DownloadProgressBar 類(默認的程序引導界面)的子類或者生成實現了mx.preloaders.IPreloaderDisplay 接口的flash.display.Sprite 的子類型兩種方法創建自定義的引導界面。
9.18.3. 討論
一個Flex 程序默認地由兩個畫面組成。第一個生成引導界面，該界面發出與程序的加載和初始化有關的一系列事件。默認的進度條依據這些事件更新其顯示。下載接近完成時，系統管理器向第二個畫面發出請求，同時繼續生成和初始化程序。當程序快要完成初始化時，系統管理器將得到通知并去除引導界面。

這一過程由系統管理器進行內在處理，管理器初始化mx.preloaders.Preloader 類的一個實例監控你的程序下載和初始化狀態。Preloader 實例實例化了指定的下載進度條，將其添加到顯示列表并將IPreloaderDisplay 實現的preloader 屬性設為本身。定義的Preloader實例能監聽預加載器發出的許多事件，詳情見表9-2.

要想創建一個自定義進度條以處理這些事件，你可以生成mx.preloaders.DownloadProgressBar 的子類或者生成實現了mx.preloaders.IPreloaderDisplay 接口的mx.display.Sprite 的子類，Sprite 本身就是DownloadProgressBar 組成部分。

DownloadProgressBar 類為表9-2 中列出的事件定義了保護型的事件處理器。你可以通過生成DownloadProgressBar 子類重載這些事件處理器以相應地修改和更新你的自定義顯示：

-ActionScript

package oreilly.cookbook {
import flash.events.Event;
import flash.events.ProgressEvent;
import flash.geom.Rectangle;
import mx.preloaders.DownloadProgressBar;
public class DPBSubclass extends DownloadProgressBar{
public function DPBSubclass(){
super();
// 下載完成后最短的顯示時間
MINIMUM_DISPLAY_TIME = 3000;
// 設置初始化進程中的默認文本。
initializingLabel = "Download complete!/nInitializing...";
// 重載標簽域以顯示自定義文本
override protected function get labelRect():Rectangle{
 return new Rectangle(14, 5, 150, 30);
}
// 重載下載進度處理器以顯示自定義文本。
override protected function progressHandler(event:ProgressEvent ):void{
super.progressHandler(event);
label = Math.round(event.bytesLoaded / 1000 ).toString()+ "k of "+ Math.round( event.bytesTotal / 1000).toString() + "k";
}
// 重載以確保在初始化和下載時顯示進度條。
override protected function showDisplayForInit(elapsedTime:int,count:int):Boolean{return true;}
override protected function showDisplayForDownloading( elapsedTime:int,event:ProgressEvent):Boolean{ return true; }
}
}

本例重載DownloadProgressBar 定義的progressHandler 事件處理器顯示自定義文本以響應引導器所發出PROGRESS 事件。在重載只讀的labelRect 同時修改標簽的顯示域。顯示文本布告的標簽由父類內在地生成。若想將DPBSubclass 類設置為自定義引導界面，利用完整合法的類名設置<mx:Application>標記的preloader 屬性，代碼如下：

-XML

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical"
preloader="oreilly.cookbook.DPBSubclass">
<mx:Script>
<![CDATA[
// embed large audio file in order to see
// the preloader display.
[Embed(source="assets/audio/audio.mp3")]
private var _audio:Class;

]]>
</mx:Script>
</mx:Application>