<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script>
<![CDATA[
import mx.controls.Alert;
import mx.events.CloseEvent;
//点击按钮调用事件
private function clickHandler(event:Event):void {
//参数:显示文本,标题,显示操作按钮,
Alert.yesLabel = "YES";
Alert.noLabel = "NO";
Alert.show("请问您想保存所做的改变么?", "保存", (Alert.YES | Alert.NO) , this, alertClickFirst);
}
// 关闭后触发的事件
private function alertClickFirst(event:CloseEvent):void {
if (event.detail==Alert.YES)
status.text="您选择了YES!";
else
status.text="您选择了NO!";
}
//设置按钮显示文字
private function secondClickHandler(event:Event):void {
Alert.buttonWidth = 100;
Alert.yesLabel = "粉色";
Alert.noLabel = "蓝色";
Alert.cancelLabel = "绿色";
Alert.show("Select a color:","Color Selection",1|2|8,this,alertClickSecond);
}
// 关闭后触发的事件
private function alertClickSecond(event:CloseEvent):void{
if(event.detail == Alert.YES){
color.text= "粉色";
}else if(event.detail == Alert.NO){
color.text= "蓝色";
}else if(event.detail == Alert.CANCEL){
color.text= "绿色";
}
}
]]>
</mx:Script>
<mx:Panel title="Alert Control Example" width="75%" horizontalAlign="center" paddingTop="10" x="115" y="82">
<mx:Text width="100%" color="blue" textAlign="center" fontSize="20"
text="普通Alert例子,显示标题和Hello Word!"/>
<mx:Button label="点我" click="Alert.show('Hello World!', 'Message');" fontSize="20"/>
<mx:Text width="100%" color="blue" textAlign="center" fontSize="20"
text="出现选择框的Alert例子!"/>
<mx:Button label="点我" click="clickHandler(event);" fontSize="20"/>
<mx:Label id="status" fontWeight="bold" fontSize="20"/>
<mx:Text width="100%" color="blue" textAlign="center" fontSize="20"
text="使用自定义按钮的Alert例子"/>
<mx:Button label="点我" click="secondClickHandler(event); " fontSize="20"/>
<mx:Label id="color" fontWeight="bold" fontSize="20"/>
</mx:Panel>
</mx:Application>
以上是关于Flex中的Alert控件的几种简单的使用方式
| Alert.show | () | 方法 |
public static function show(text:String = "",
title:String = "",
flags:uint = 0x4, parent:Sprite
= null, closeHandler:Function = null,
iconClass:Class = null,
defaultButtonFlag:uint = 0x4):Alert
弹出 Alert 控件的静态方法。在 Alert 控件中选择一个按钮或按下 Esc 键时,将关闭该控件。
参数
text:String
(default = "") — 在 Alert 控件中显示的文本字符串。此文本将在警告对话框中居中显示。
| |
title:String
(default = "") — 标题栏中显示的文本字符串。此文本左对齐。 | |
flags:uint (default
= 0x4) — Alert 控件中放置的按钮。有效值为
Alert.OK、Alert.CANCEL、Alert.YES 和
Alert.NO。默认值为 Alert.OK。使用按位 OR 运算符可显示多个按钮。例如,传递
(Alert.YES | Alert.NO)
显示“是”和“否”按钮。无论按怎样的顺序指定按钮,它们始终按照以下顺序从左到右显示:“确定”、“是”、“否”、“取消”。 | |
parent:Sprite
(default = null) — Alert 控件在其上居中的对象。 | |
closeHandler:Function
(default = null) — 按下 Alert
控件上的任意按钮时将调用的事件处理函数。传递给此处理函数的事件对象是 CloseEvent 的一个实例;此对象的 detail
属性包含 Alert.OK、Alert.CANCEL、Alert.YES 或
Alert.NO 值。 | |
iconClass:Class
(default = null) — 位于 Alert 控件中文本左侧的图标的类。 | |
defaultButtonFlag:uint (default
= 0x4) — 指定默认按钮的位标志。您可以指定一个值,并且只能是
Alert.OK、Alert.CANCEL、Alert.YES 或
Alert.NO 中的一个值。默认值为 Alert.OK。按 Enter
键触发默认按钮,与单击此按钮的效果相同。按 Esc 键触发“取消”或“否”按钮,与选择相应按钮的效果相同。 |
本文介绍了 Flex 中 Alert 控件的基本用法,包括如何通过 Alert.show 方法弹出不同类型的提示框,以及如何设置按钮样式和响应事件。
190

被折叠的 条评论
为什么被折叠?



