在任何BS项目中,消息提示框都是非常常见的功能组件,flex在AIR的渲染下,消息提示框也是做得非常漂亮美观。
Flex的消息提示框由mx.controls.Alert类负责创建,通常通过调用静态方法show(即可实现提示框的创建):
public static show (
text:String, //消息提示内容
title:String=null, //标题
flags:uint=mx.controls.Alert.OK, //按钮组合
parent:Sprite=null, //Alert 控件的父对象
clickListener:Function=null, //指定 click 事件的侦听器
iconClass:Class=null, //指定对话框中消息文本左侧的图标
defaultButton:uint=mx.controls.Alert.OK //使用一个标志参数的合法值指定默认按钮。当用户按下回车时,此按钮就被选中,其默认值是 Alert.OK.
)
show方法内所有参数都是非必选的。
参数flags表示弹出框下面生成几种按钮,alert类提供了四个按钮:是、否、确定和取消,由四个整数抽象表示:
Alert.OK 4
Alert.NO 2
Alert.YES 1
Alert.CANCEL 8
具体使用方法详见后面的代码。
参数clickListener可实现点击按钮事件监听,也就是说可以通过监听来判断用户点击的是哪个按钮,从而根据不同选择实现不同操作。
下面来看一个实例:在界面上有三个按钮,每点击一个按钮弹出一个提示框。这个功能非常简单,只需要给每个button绑定click事件即可:
<fx:Script>
<![CDATA[
import mx.controls.Alert;
import mx.events.CloseEvent;
protected function button1_clickHandler(event:MouseEvent):void
{
var myAlert:Alert = Alert.show("显示对话框...","提示");
myAlert.height = 200; //高度
myAlert.width = 200; //宽度
}
protected function button2_clickHandler(event:MouseEvent):void
{
Alert.show("你确定此操作吗?","提示",Alert.OK|Alert.CANCEL|Alert.YES|Alert.NO,this,handler);
}
protected function button3_clickHandler(event:MouseEvent):void
{
Alert.yesLabel = "哟系yes";
Alert.noLabel = "呀灭no";
Alert.cancelLabel = "哦cancel";
var myAlert:Alert = Alert.show("选择操作...","提示",1|2,this,handler);
}
private function handler(e:CloseEvent):void{
//显示事件选择的值
Alert.show(e.detail.toString());
}
]]>
</fx:Script>
<fx:Declarations>
<!-- 将非可视元素(例如服务、值对象)放在此处 -->
</fx:Declarations>
<s:Button label="按钮1" click="button1_clickHandler(event)"/>
<s:Button label="按钮2" click="button2_clickHandler(event)"/>
<s:Button label="按钮3" click="button3_clickHandler(event)"/>
需要注意的是Alert.yesLabel、Alert.noLabel、Alert.cancelLabel等等set方法是全局的,如果相应属性值改变,则其它Alert对象也会跟着改变。
最后看下运行效果:
- 大小: 6.9 KB
- 大小: 6.7 KB
- 大小: 10.3 KB
分享到:
相关推荐
Flex 自定义Alert 4版本自定义Alert 4版本自定义Alert 4版本自定义Alert 4版本
flex 控件 智能提示,可实现百度搜索效果
Flex中如何检测Alert控件是否closed的例子.zip
FLEX4的皮肤skin.教你如何使用皮肤
FLEX4_Flex4教程 - FLEX4从入门到精通,挺不错的值得一看
Flex 4 高级编程Flex 4 高级编程Flex 4 高级编程Flex 4 高级编程
Flex 4 ColumnChart 图表使用实例ColumnChart_RIA前线-Flex富应用、Flex中文教程、Flex实例源码 Flex实现ColumnChart柱图为圆角矩形的itemRenderer - 代码分享 - 开源中国社区 flex 动态生成柱状图,折线图_IT空间_...
flex4出来一段时间了,去年看了一段时间flex3,后来由于暂时没有项目需求.所以flex遗忘了很多.这次使用flex4+myeclipse8.5录制了一个视频.以免时间长了遗忘. 软件环境:windows7+flex4+myeclipse8.5+blazeds 功能描述...
Flex实现的xmpp消息发送接收,利用xiff插件实现,可以在android、ios等手机运行,也可以直接在ie上运行
flex4 实战 flex4 in action pdf源码和配套的源码 和大家分享
flex中Alert是很常用的,该源码主要是对Alert的样式设置。
FLEX4从入门到精通,挺不错的值得一看
flex4 flex4与服务器通信 flex 与java通信
《Flex 4实战》主要内容简介:Flex已经从原来构建flash应用程序的一种方式发展成为一个丰富的体系。Flex4中引入了新的ui组件,提供了更好的性能监控,并且大大提高了编译速度。《Flex 4实战》是一本全面的指南,为...
flex 自动关闭的alert 默认关闭时间1.5秒
flex移动应用开发中Alert不能使用,该文件是AS3写的Alert,可以替代SDK自带的ALERT,超级好用
flex4API文档 flex3的文档在Adobe网上就可,可是4的一直没找着. 这个Flex4API文档,是根据flex4 SDK生产的,非常权威
很全面的flex教程,里面的实例也很丰富~~不过是英文的~~
flex4 中文教程 详细介绍flex4 的基本用法,适合没有基础的开发人员参考
Flex4中引入了新的ui组件,提供了更好的性能监控,并且大大提高了编译速度。 《Flex4实战》是一本全面的指南,为web设计人员和开发人员提供了Flex的详细介绍。本书从基础讲起,介绍了有关表单和数据的知识,然后...