目次 |
---|
・メニューバーとは ・メニューバーのソース ・メニューバーサンプル |
<?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>