| 目次 |
|---|
|
・メニューバーとは ・メニューバーのソース ・メニューバーサンプル |
<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
creationComplete="initCollections();"
height="300" width="400" >
<mx:Script>
<![CDATA[
import mx.events.MenuEvent;
import mx.controls.Alert;
import mx.collections.*;
//注意:[Bindable]を書かなくてはならない
[Bindable]
public var menuBarCollection:XMLListCollection;
//メニューデータ。 書き方を注意
private var menubarXML:XMLList =
<>
<menuItem label="ファイル">
<menuItem label="新規作成" data="new" />
<menuItem label="開く" data="open" />
<menuItem label="保存" data="save" />
</menuItem>
<menuItem label="編集">
<menuItem label="切り抜き" data="cut" />
<menuItem label="コピー" data="copy" />
<menuItem label="変換" data="convert">
<menuItem label="UPPER CASE" data="upper" />
<menuItem label="lower case" data="lower" />
</menuItem>
</menuItem>
<menuItem label="ウィンドウ">
<menuItem label="ウィンドウ1" data="window1" type="radio" />
<menuItem label="ウィンドウ2" data="window2" type="radio" />
</menuItem>
</>;
// 初期化処理(メニューデータの設定)
private function initCollections():void {
menuBarCollection = new XMLListCollection(menubarXML);
}
// イベント処理
private function menuHandler(event:MenuEvent):void {
if (event.item.@data != "top") {
Alert.show("Label: " + event.item.@label + "\n" +
"Data: " + event.item.@data, "Clicked menu item");
}
}
]]>
</mx:Script>
<mx:Panel title="MenuBar サンプル" height="99%" width="99%"
paddingTop="10" paddingLeft="10">
<mx:MenuBar labelField="@label" itemClick="menuHandler(event);"
dataProvider="{menuBarCollection}" />
</mx:Panel>
</mx:Application>