Flex里Alert控件详解

最新推荐文章于 2017-11-26 21:23:00 发布
原创 最新推荐文章于 2017-11-26 21:23:00 发布 · 284 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#Flex #CSS #Flash #Adobe #XML
本文详细介绍了 Flex 中 Alert 控件的使用方法，包括如何定义弹出框的内容、标题及按钮组合，并展示了如何通过回调函数获取用户点击的按钮信息。此外还讲解了如何设置按钮样式和文本。

http://www.flexrain.cn/flex/flex-alert.html

 

Flex里的Alert控件使用也很简单,不过我们也要了解常用的应用情况,它位于mx.controls.Alert,主要是show()方法,参数形式show(text, title, flags, parent, closeHandler, iconClass, defaultButtonFlag)
flags参数有些特别之处,就是我们可以用Alert.YES|Alert.No或者1|2|4来定义弹出框的按钮组合:
Yes按钮可以表示为:Alert.YES、 0×0001或者 1
No按钮可以表示为:Alert.No、0×0002 或者 2
OK按钮可以表示为:Alert.OK、0×0004 或者 4
Cancel按钮可以表示为:Alert.Cancel、0×0008 或者 8

closeHandler参数是当弹出窗关闭时回调的函数
iconClass参数是嵌入图标
defaultButtonFlag参数是默认的焦点按钮

Alert类还有其他一些常用的属性如:定义弹出按钮的高宽buttonWidth buttonHeight。定义四种按钮的标签名:yesLabel noLabel okLabel cancelLabel这些都能顾名思义到作用之处。

代码:

  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  3.         layout="vertical" verticalAlign="middle"
  4.         preloader="com.preload.PreLoad" 
  5.         backgroundColor="0x414141">
  6.     <!--上面preload属性与下面外部CSS可以删除它-->
  7.     <mx:Style source="yfskin/yflexskin.css"/>
  8.     <mx:Style> 
  9.         Panel {
  10.             drop-shadow-enabled: true;
  11.         }
  12.     </mx:Style> 
  13.     <mx:Script> 
  14.         <![CDATA[
  15.             import mx.controls.Alert;
  16.             import flash.events.Event;
  17.             import mx.events.CloseEvent;
  18.            
  19.             private var _alert:Alert; 
  20.            
  21.             private function showAlert():void
  22.             {
  23.                 var text:String = "加油吧!Flex很好学的!"; //定义弹出框内容
  24.                 var title:String = "你好"; //定义弹出框标题
  25.                 _alert = Alert.show(text, title, Alert.YES | Alert.NO);
  26.             }
  27.            
  28.             private function showAlert2(event:Event):void
  29.             {
  30.                 var text:String = "注意点选按钮后,看Lable标签的返回显示";
  31.                 var title:String = "请选择";
  32.                 var defaultbtn:uint = 0x0002; //默认焦点按钮
  33.                 _alert = Alert.show(text, title, 1|2|4|8, this, closeFun, null, defaultbtn);
  34.             }
  35.             //关闭弹出框回调函数
  36.             private function closeFun(event:CloseEvent):void
  37.             {
  38.                 //trace (event.detail);
  39.                 switch (event.detail)
  40.                 {
  41.                     //1对应Yes按钮 2对应No按钮 4对应OK 8对应Canel
  42.                     case 1: 
  43.                     status.text = "Yes";
  44.                     break;
  45.                     case 2:
  46.                     status.text = "No";
  47.                     break;
  48.                     case 4:
  49.                     status.text = "OK";
  50.                     break;
  51.                     case 8:
  52.                     status.text = "Cancel";
  53.                     break;
  54.                     default:
  55.                     break;
  56.                 }
  57.             }
  58.            
  59.             private function SetAlertBtn():void
  60.             {
  61.                 //宽度一定义就影响到其他铵钮宽度
  62.                 Alert.buttonWidth = 80;
  63.                 Alert.buttonHeight = 22; //默认高度
  64.                 //更改各按钮标签名
  65.                 Alert.yesLabel = "是";
  66.                 Alert.noLabel = "不";
  67.                 Alert.okLabel = "好";
  68.                 Alert.cancelLabel = "取消";
  69.                 status.text = "已经更改各按钮标签名了!";
  70.             }
  71.            
  72.             private function defaultAlertBtn():void
  73.             {
  74.                 //恢复按钮标签名
  75.                 Alert.yesLabel = "Yes";
  76.                 Alert.noLabel = "No";
  77.                 Alert.okLabel = "OK";
  78.                 Alert.cancelLabel = "Cancel";
  79.                 status.text = "现在各按钮标签名恢复了!";
  80.             }
  81.            
  82.         ]]> 
  83.     </mx:Script> 
  84.    
  85.     <mx:Label id="status" color="blue" /> 
  86.     <mx:HBox> 
  87.         <mx:Button label="Alert1" click="showAlert();" /> 
  88.         <mx:Button label="Alert2" click="showAlert2(event);" /> 
  89.         <mx:Button label="SetAlertBtn" click="SetAlertBtn();" /> 
  90.         <mx:Button label="defaultAlertBtn" click="defaultAlertBtn();" /> 
  91.     </mx:HBox> 
  92. </mx:Application>
flex的Alert样式设置
12-02
flex中Alert是很常用的，该源码主要是对Alert的样式设置。
Alert消息框的使用
程序员的天堂
06-16 353
1、修改默认的按钮标签       Alert.yesLabel = "是";      Alert.noLabel = "否";      Alert.okLabel = "确定";      Alert.cancelLabel = "取消";   2、为按钮指定自定义事件      Alert.show("确定要提交吗？", "提示", Alert.OK|Alert.CANCE
Flex中Alert参数分析
ystyaoshengting的专栏
09-20 3848
Alert是我们常用的一个类，很简单，但是我想越基础的东西，如果有了很好的理解之后，也会对自己有所提高。Alert中最重要的方法就是show（）了，因为其中的参数就可以定义弹出窗体的所有属性了，所以要对其充分认识，对于Alert总结了以下几点：1、在mx.controls包中；2、show（）中的参数：     show(text:String = "", title:String = "", flags:uint = 0x4, parent:Sprite = null, closeHandler:Func
自定义alert 确定、取消功能
weixin_33892359的博客
01-11 932
以删除为例，首先新建html <table border="1" cellpadding="0" cellspacing="0" id="myTab"> <thead> <tr> <th>姓名</th> <th&gt...
[转]Flex 自定义Alert-给alert添加按钮
背着空空的行壤，一路走来，收拾着点点滴滴...
03-21 253
[url]http://www.lcy.name/?p=356[/url] Flex Alert组件使用方法，通过Alert.show(……)方法调用 Alert.show(content,title,flags,parent,closeHandle,iconClass,defaultButtonFlag); Flex Alert组件内容 Content:提示内容 title:提示框...
flex Alert.show()方法的详解
热门推荐
kenchow126的专栏
05-09 1万+
本文和大家重点讨论一下Flex Alert.show()flag详细值，Flex Alert.show()里面有多个属性，其中排在第三是flags，这个属性作用是在弹出的Alert提示框里面显示那一个或多个按钮，文档和书籍一般只写该属性可以自由组合。 Flex Alert.show()flag详细值 Flex Alert.show()里面有多个属性，其中排在第三是flags，这个属性作用是在弹
基本控件之Alert组件
lddongyu
03-10 1476
一步一步学Flex系列（2）：基本控件之Alert组件FLEX3版本发布了，无论从ActionScript3还是Air都给我们带来了很多的惊喜，全面支持AIR、代码重构、内存和性能分析器 (profilers)、高级Datagrid组件、Web service introspection　Web服务的内省一系列新特性更是给我们带来了不少惊喜。《一步一步学Flex 3系列》文章将从Flex3基础
FLEX Alert.show() 的用法
pgwcumt的专栏
06-16 7506
Alert 在包mx.controls中，继承自Panel。 它是一个弹出对话框，可能包含消息、标题、按钮（“确定”、“取消”、“是”和“否”的任意组合）和图标。Alert 控件是模式控件，这意味着在用户将其关闭之前，它将一直保留焦点。 将 mx.controls.Alert 类导入应用程序，然后调用 ActionScript 中的静态 show() 方法以显示 Alert 控件。不能在
Flex中Alert控件使用!
不吃饭的程序员
04-13 173
&nbsp; &lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"&gt; &lt;mx:Script&gt; &lt;![CDATA[
Flex消息提示框Alert
人生就像旅程
12-23 1022
本文章转自：http://blessht.iteye.com/blog/1108623   在任何BS项目中，消息提示框都是非常常见的功能组件，flex在AIR的渲染下，消息提示框也是做得非常漂亮美观。   Flex的消息提示框由mx.controls.Alert类负责创建，通常通过调用静态方法show(即可实现提示框的创建)： Java代码   public st
关于ALERT和confirm怎么才能显示“是”“否”，而不是“ok”
weixin_33953249的博客
11-26 482
Alert.okLabel="确定"; Alert.cancelLabel="取消"; Alert.show("你确认要退出吗？","xs",Alert.OK|Alert.CANCEL); 本文转自94cool博客园博客，原文链接http://www.cnblogs.com/94cool/archive/2009/10/27/1590737.html...
FLEX alert.show() flag 详细值
Luxika的专栏
07-21 241
[img]http://dl.iteye.com/upload/attachment/280784/1ccecd09-8433-322a-841d-8740421256fb.jpg[/img] [size=medium] Alert.show()里面有多个属性，其中排在第三是flags，这个属性作用是在弹出的Alert提示框里面显示那一个或多个按钮，文档和书籍一般只写该属性可以自由组合...
Flex alert
只有准备爆发，才会甘于沉默
01-13 188
  1.基本的alert 使用 &lt;mx:Button id="showAlertButton" click="showAlert(event)" label="Alert"/&gt; &lt;mx:Label id="displaySelectionLabel"/&gt; &lt;fx:Script&gt; &lt;![CDATA[ imp
flex Alert
shutFuckingup的专栏
12-26 483
xmlns:s="library://ns.adobe.com/flex/spark"                xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" creationComplete="init()">
flex alert的实现
叮当小马的专栏
11-22 1006
上在就是一个弹出框的例子，整个框都已经给大家展示了。 s：application是整个框架的外层 fx：script是脚本语言 mx:button是一个按钮 功能就是点击按钮调用 脚本中的事件，用alert.show方法来提示用户。
flex Alert 提示使用
彻底拆分，一切可控！
04-12 1333
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" fontSize="15"> <![CDATA[ import mx.events.CloseEvent; import mx.controls.Alert; private function onClick(
Flex 创建自动关闭Alert
悦儿尚儿的博客
11-20 754
Flex 创建自动关闭Alert
flex Alert组件
dongdong_java的专栏
05-03 865
protected function exitBtn_clickHandler(event:MouseEvent):void{ Alert.yesLabel="是"; Alert.noLabel="否"; Alert.show("直接退出不会保存录制的课程","录制课程",3,this,onCloseHandler); } internal function onCloseHandl
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值