はじめてのFlex その3

ActionScriptがmxmlファイルに書かれているのが気持ち悪いため、外部ファイルに移動します。

Flex Builder 3のメニューからファイル→新規→ActionScriptファイルを選び、

• 親フォルダーを入力または選択：HelloWorld/src
• ファイル名：HelloScript.as

を指定して「終了」ボタンでファイルを作成します。

自動的にHelloScript.asファイルが開かれるので、以下のように修正します。

HelloScript.as

// ActionScript file
import mx.controls.*;
private function click():void {
	Alert.show("Hello World!");
}

続いてHelloWorld.mxmlからスクリプトを取り除きます。

HelloWorld.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
	<mx:Script source="HelloScript.as"/>
	<mx:Button label="click me!" click="click();"/>
</mx:Application>

これで.mxmlファイルにはビュー・.asファイルにはロジックというように分離できました。