关于flex alert 的一些东西

Alert按钮交互

最新推荐文章于 2024-12-03 23:15:43 发布

最新推荐文章于 2024-12-03 23:15:43 发布 · 122 阅读

文章标签：

#Flex #Adobe #XML

Flex 专栏收录该内容

15 篇文章

订阅专栏

本文介绍如何使用Flex中的Alert组件显示带有多个按钮的对话框，并通过不同方法检测用户点击的具体按钮，包括利用CloseEvent事件监听和直接在Alert.show方法中指定回调函数。

Alert 显示多个按钮代码：

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white"
fontSize="12"
> 
<mx:Script>
<![CDATA[
import mx.controls.Alert; 

private var alert:Alert; 

private function showAlert():void {
var text:String = "这里我们让他显示两个按钮";
var title:String = "This is the title of the Alert window";
alert = Alert.show(text, title, Alert.YES | Alert.NO);
}
]]>
</mx:Script> 

<mx:Button label="Alert.show()" click="showAlert();" /> 

</mx:Application>

检查用户按了哪个按钮把窗口关闭了代码：

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white"
fontSize="12"
> 

<mx:Script>
<![CDATA[
import mx.controls.Alert;
import mx.events.CloseEvent; 

private var alert:Alert; 

private function showAlert():void {
var text:String = "还是两个窗口，但现在我已经可以知道你按的是哪一个了，哈哈";
var title:String = "This is the title of the Alert window"; 

alert = Alert.show(text, title, Alert.YES | Alert.NO);
alert.addEventListener(CloseEvent.CLOSE, alert_close); 

message.text = "";
} 

private function alert_close(evt:CloseEvent):void {
switch (evt.detail) {
case Alert.CANCEL:
message.text = "你按的是 `" + Alert.cancelLabel + "`.";
break;
case Alert.NO:
message.text = "你按的是 `" + Alert.noLabel + "`.";
break;
case Alert.OK:
message.text = "你按的是 `" + Alert.okLabel + "`.";
break;
case Alert.YES:
message.text = "你按的是 `" + Alert.yesLabel + "`.";
break;
}
}
]]>
</mx:Script> 

<mx:Button label="Alert.show()" click="showAlert();" />
<mx:Label id="message" /> 

</mx:Application>

更简单的方法：

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white"
fontSize="12"
> 

<mx:Script>
<![CDATA[
import mx.controls.Alert;
import mx.events.CloseEvent; 

private var alert:Alert; 

private function showAlert():void {
var text:String = "简单的方法，注意一下Alert.show()的第5个参数吧";
var title:String = "This is the title of the Alert window"; 

alert = Alert.show(text, title, Alert.YES | Alert.NO, null, alert_close);

message.text = "";
} 

private function alert_close(evt:CloseEvent):void {
switch (evt.detail) {
case Alert.CANCEL:
message.text = "你按的是 `" + Alert.cancelLabel + "`.";
break;
case Alert.NO:
message.text = "你按的是 `" + Alert.noLabel + "`.";
break;
case Alert.OK:
message.text = "你按的是 `" + Alert.okLabel + "`.";
break;
case Alert.YES:
message.text = "你按的是 `" + Alert.yesLabel + "`.";
break;
}
}
]]>
</mx:Script> 

<mx:Button label="Alert.show()" click="showAlert();" />
<mx:Label id="message" /> 

</mx:Application>

给Alert加个Icon

// Embed 一个图片
[Bindable]
[Embed(source='assets/error.png')]
private var Icon:Class;

Alert.show(text, title, Alert.YES | Alert.NO, null, alert_close ,Icon);

给Alert组件的标题栏也加个Icon

[Bindable]
[Embed(source='assets/titleIcon.png')]
private var TitleIcon:Class;
然后只要加一句
alert.titleIcon=TitleIcon