关于Flex 的ContextMenu
我在使用Flex编写应用程序的过程中,遇到了下面的问题,希望能够得到大家的帮助。
1、 在编写的应用程序中需要使用右键上下文菜单,而菜单项的创建需要访问远程服务后才能确定,可是访问远程服务的过程是异步进行的,使用Flex的ContextMenu并不能等待远程服务返回结果后才显示,例如附件中的ContextMenuExample.as。
2、 为了解决1中所描述的问题,我采用了自定义的右键菜单,这种方式需要将wmode设置为opaque或者transparent,但是这样的设置就导致了某些输入法不能正确定位焦点。
我希望最好是采用自定义的右键菜单,如果输入法的问题不能解决才打算使用Flex的ContextMenu,可是不管使用那一种方式,都存在问题需要解决,希望大家能够帮助。
由于附件不能上传,将代码贴在下面。
package {
import flash.display.Sprite;
import flash.events.ContextMenuEvent;
import flash.events.TimerEvent;
import flash.text.TextField;
import flash.ui.ContextMenu;
import flash.ui.ContextMenuBuiltInItems;
import flash.ui.ContextMenuItem;
import flash.utils.Timer;
public class ContextMenuExample extends Sprite {
private var myContextMenu:ContextMenu;
private var menuLabel:String = "Reverse Colors";
private var textLabel:String = "Right Click";
private var redRectangle:Sprite;
private var label:TextField;
private var size:uint = 100;
private var black:uint = 0x000000;
private var red:uint = 0xFF0000;
public function ContextMenuExample() {
myContextMenu = new ContextMenu();
removeDefaultItems();
//addCustomMenuItems();
myContextMenu.addEventListener(ContextMenuEvent.MENU_SELECT, menuSelectHandler);
addChildren();
redRectangle.contextMenu = myContextMenu;
}
private function addChildren():void {
redRectangle = new Sprite();
redRectangle.graphics.beginFill(red);
redRectangle.graphics.drawRect(0, 0, size, size);
addChild(redRectangle);
redRectangle.x = size;
redRectangle.y = size;
label = createLabel();
redRectangle.addChild(label);
}
private function removeDefaultItems():void {
myContextMenu.hideBuiltInItems();
var defaultItems:ContextMenuBuiltInItems = myContextMenu.builtInItems;
defaultItems.print = true;
}
private function addCustomMenuItems():void {
var item:ContextMenuItem = new ContextMenuItem(menuLabel);
myContextMenu.customItems.push(item);
item.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT, menuItemSelectHandler);
}
private function menuSelectHandler(event:ContextMenuEvent):void {
trace("menuSelectHandler: " + event);
// dummy call remote object.
addCustomMenuItems();
var timer:Timer = new Timer(2000, 1);
timer.addEventListener(TimerEvent.TIMER, remoteServiceHandler);
timer.start();
}
private function remoteServiceHandler(event:TimerEvent):void {
// dummy get return result from remote object.
trace("remoteServiceHandler: this object is check out.");
var item:ContextMenuItem = new ContextMenuItem("Check In");
redRectangle.contextMenu.customItems.push(item)
}
private function menuItemSelectHandler(event:ContextMenuEvent):void {
trace("menuItemSelectHandler: " + event);
var textColor:uint = (label.textColor == black) ? red : black;
var bgColor:uint = (label.textColor == black) ? black : red;
redRectangle.graphics.clear();
redRectangle.graphics.beginFill(bgColor);
redRectangle.graphics.drawRect(0, 0, size, size);
label.textColor = textColor;
}
private function createLabel():TextField {
var txtField:TextField = new TextField();
txtField.text = textLabel;
return txtField;
}
}
}