Flash CS3 文件 
Flash CS3 文件 |
|||
| ActionScript 3.0 程式設計 > ActionScript 快速入門 > 範例：建立基本應用程式 | |||
|
|||
|
|||
|
|||
您可以使用 Flash、Flex Builder、Dreamweaver 或任何文字編輯器建立副檔名為 .as 的外部 ActionScript 原始檔案。
您可以在多種應用程式開發環境中使用 ActionScript 3.0，包括 Flash 編寫和 Flex Builder 工具。
本節將逐步說明如何使用 Flash 編寫工具或 Flex Builder 2 工具建立和增強簡單的 ActionScript 3.0 應用程式。您將建立的應用程式會顯示在 Flash 和 Flex 應用程式中使用外部 ActionScript 3.0 類別檔案的簡單模式。這個模式也適用於本手冊的所有其它樣本應用程式。
在開始建立應用程式之前，您應對要建立的應用程式有些概念。
應用程式的設計可以很簡單，可能列出應用程式的名稱、用途的簡短說明即可，或也可以很複雜，需要撰寫一整份需求文件，其中包含多個統一模組化語言 (UML) 圖解。本手冊不會就軟體設計的原則詳加討論，不過請務必記住，應用程式設計是開發 ActionScript 應用程式的重要步驟。
第一個 ActionScript 應用程式範例就是標準的 "Hello World" 應用程式，因此設計很簡單：
有了清楚的定義之後，接下來就可以開始建立應用程式。
Hello World 應用程式的設計說明指出程式碼應方便重複使用。因此，應用程式會使用一個名為 Greeter 的物件導向類別，然後用於您在 Flex Builder 或 Flash 編寫工具中建立的應用程式。
新的 ActionScript 編輯視窗隨即顯示。
Greeter 類別會定義物件 Greeter，以用於 HelloWorld 應用程式。
package
{
public class Greeter
{
public function sayHello():String
{
var greeting:String;
greeting = "Hello World!";
return greeting;
}
}
}
Greeter 類別包含一個 sayHello() 方法，會將字串 "Hello" 傳回給指定的使用者名稱。
現在就可以在 Flash 或 Flex 應用程式中使用 Greeter 類別。
前面所建立的 Greeter 類別定義了一組獨立的軟體功能，但這還不是完整的應用程式。若要使用類別，您必須建立 Flash 文件或 Flex 應用程式。
HelloWorld 應用程式會建立 Greeter 類別的新實體。下面顯示如何將 Greeter 類別加入應用程式。
新的 Flash 視窗隨即顯示。
mainText 做為文字欄位的實體名稱。
var myGreeter:Greeter = new Greeter();
mainText.text = myGreeter.sayHello("Bob");
軟體開發是不斷重複同樣步驟的過程。首先是撰寫程式碼、嘗試編譯程式碼，然後編輯程式碼，直到編譯沒問題。接著執行編譯好的應用程式，測試並確定符合當初的設計，如果沒有，就再編輯程式碼，直到符合設計目的為止。Flash 和 Flex Builder 開發環境提供多種方法來發佈、測試和除錯應用程式。
下面是在各環境中測試 HelloWorld 應用程式的基本步驟。
您剛才建立了採用 ActionScript 3.0 的物件導向應用程式，雖然簡單，卻很完整。繼續強化 HelloWorld 應用程式。
為了讓應用程式多點變化，您現在可以設定應用程式要求使用者輸入名稱，然後根據預先定義的名稱清單進行驗證。
首先需要更新 Greeter 類別來加入新功能。接著再更新 Flex 或 Flash 應用程式來使用新功能。
package
{
public class Greeter
{
/**
* Defines the names that should receive a proper greeting.
*/
public static var validNames:Array = ["Sammy", "Frank", "Dean"];
/**
* Builds a greeting string using the given name.
*/
public function sayHello(userName:String = ""):String
{
var greeting:String;
if (userName == "")
{
greeting = "Hello. Please type your user name, and then press the Enter key.";
}
else if (validName(userName))
{
greeting = "Hello, " + userName + ".";
}
else
{
greeting = "Sorry, " + userName + ", you are not on the list.";
}
return greeting;
}
/**
* Checks whether a name is in the validNames list.
*/
public static function validName(inputName:String = ""):Boolean
{
if (validNames.indexOf(inputName) > -1)
{
return true;
}
else
{
return false;
}
}
}
}
Greeter 類別現在有了數項新功能：
validNames 陣列會列出有效的使用者名稱。當載入 Greeter 類別時，這個陣列會初始化為包含三個名稱的清單。sayHello() 方法現在可接受使用者名稱，並視情況變更問候內容。如果 userName 是空字串 ("")，greeting 屬性會設定提示使用者輸入名稱。如果使用者名稱有效，問候內容會變成 "Hello, userName."。如果最後這兩個條件都不成立，greeting 變數會設為 "Sorry, userName, you are not on the list."。validNames 陣列找到 inputName，validName() 方法會傳回 true，如果找不到，則會傳回 false。陳述式 validNames.indexOf(inputName) 會檢查 validNames 陣列中的每個字串來比對 inputName 字串。Array.indexOf() 方法會傳回物件第一個實體在陣列中的索引位置，如果在陣列中找不到實體，會傳回值 -1。 接下來就是編輯參考這個 ActionScript 類別的 Flash 或 Flex 檔案。
"") 給 Greeter 類別的 sayHello() 方法：
var myGreeter:Greeter = new Greeter();
mainText.text = myGreeter.sayHello("");
mainText 文字欄位的下方。textIn 當做實體名稱。
mainText.border = true;
textIn.border = true;
textIn.addEventListener(KeyboardEvent.KEY_UP, keyPressed);
function keyPressed(event:Event):void
{
if (event.keyCode == Keyboard.ENTER)
{
mainText.text = myGreeter.sayHello(textIn.text);
}
}
新的程式碼增加了下列功能：
textIn 欄位，有一組可供它傳送的事件。您可以使用 addEventListener() 方法，定義會在發生某類型事件時執行的函數。在此例中，這個事件即是在鍵盤上按 Enter 鍵。keyPressed() 自訂函數呼叫 myGreeter 物件的 sayHello() 方法，並傳遞 textIn 文字欄位中的文字當做參數。這個方法會根據傳入的值傳回問候的字串，而傳回的字串則接著指定給 mainText 文字欄位的 text 屬性。 「影格 1」的完整 Script 如下：
mainText.border = true;
textIn.border = true;
var myGreeter:Greeter = new Greeter();
mainText.text = myGreeter.sayHello("");
textIn.addEventListener(KeyboardEvent.KEY_UP, keyPressed);
function keyPressed(event:Event):void
{
if (event.keyCode == Keyboard.ENTER)
{
mainText.text = myGreeter.sayHello(textIn.text);
}
}
執行這個應用程式時，它會提示您輸入使用者名稱。如果您輸入有效的名稱 (Sammy、Frank 或 Dean)，應用程式便會顯示確認訊息 "hello"。
Flash CS3
目前頁面: http://livedocs.adobe.com/flash/9.0_tw/main/00000035.html