网站首页|注册|Login|

Flex／ActionScript　開発
我要投稿

MXMLとActionScriptの連携

2008/12/12 11:38Update
TAGS: MXML | ActionScript | 連携 | mx:Script | カスタムタグ

<mx:Script> タグやカスタムタグなどによるMXMLとActionScriptの連携方法について学びます。

外部ActionScriptファイルによる連携


<mx:Script>タグのsourceプロパティで、ActionScriptコードを記述した外部ファイル名称を指定できます。
例：
<mx:Script source="file_name.as" />

file_name.asは拡張子に「.as」のActionScriptのファイル名です。


■サンプル
◇MXML：
HelloWorld.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Script source="helloworld.as" />
    <mx:Button id="button" label="HelloWorld" click="helloworld();"/>
</mx:WindowedApplication>


helloworld.as
import mx.controls.Alert;

public function helloworld():void{
    Alert.show("Hello World");
}


内部ActionScriptコードによる連携


<mx:Script>タグの本体内でもActionScriptコードをそのまま書くことができます。

例：
<mx:Script>
   <![CDATA[
       //ActionScript コード
   ]]>
</mx:Script>


ActionScriptを直接書く場合、ActionScriptコードをXMLとして解釈されないようにするため、CDATA 構造にActionScriptコードをラップする必要があります。


■サンプル
◇　MXML：
HelloWorld.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Script>
        <![CDATA[
            import mx.controls.Alert;

            public function helloworld():void{
                Alert.show("Hello World");
            }
        ]]>
    </mx:Script>
    <mx:Button id="button" label="HelloWorld" click="helloworld();"/>
</mx:WindowedApplication>


カスタムタグ（自作MXML コンポーネント）による連携


Flexフレームワークでは、あるルールに従った外部ActionScriptファイルを作成することによって、その外部ActionScriptファイルをカスタムタグ（自作MXML コンポーネント）として使用することができます。

カスタムタグの詳細について、他の記事の中で解説したいと思います。

有关作者
Syboos.jp編集長AJavaやオープンソース情報の執筆、Webサイトの開発や運営全般の業務に携わる。

Sponsored Link


Comments

用户名 (required)

Email (will not be published) (required)

URL

Evaluation

  • Relative Articles