Flex ContextMenu 적용하기

Flex 에서 ContextMenu(마우스오른쪽 버튼 메뉴) 를 적용하는 방법입니다.

소스는




<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle" backgroundColor="white" creationComplete="init()"> <mx:Script> <![CDATA[ import flash.ui.ContextMenu; import flash.ui.ContextMenuItem; import flash.events.ContextMenuEvent; private var menu1:ContextMenuItem; private var menu2:ContextMenuItem; private var menu3:ContextMenuItem; public function init():void{ MovieClip(systemManager).contextMenu = this.contextMenu.clone(); textSelect.text = "마우스 오른쪽 버튼 테스트"; menu1= new ContextMenuItem("하이 적용"); menu2 = new ContextMenuItem("안뇽 적용"); menu3 = new ContextMenuItem("방가 적용"); menu1.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT,menudraw); menu2.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT,menudraw); menu3.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT,menudraw); var MyMenu:ContextMenu = new ContextMenu(); MyMenu.hideBuiltInItems(); MyMenu.customItems.push(menu1); MyMenu.customItems.push(menu2); MyMenu.customItems.push(menu3); this.contextMenu = MyMenu; } private function menudraw(e:ContextMenuEvent):void { switch (e.target) { case menu1 : textSelect.text = "하이하이하이하이하이"; break; case menu2 : textSelect.text = "안뇽안뇽안뇽안뇽안뇽"; break; case menu3 : textSelect.text = "방가방가방가방가방가"; break; } } ]]> </mx:Script> <mx:Label fontSize="15" fontWeight="bold" x="97" y="60" id="textSelect" text="마우스 오른쪽 버튼 테스트"/> </mx:Application>



메뉴 생성후 이벤트를 간략히 정리해놨습니다.

실행swf 는