`

Flex4消息提示框Alert

    博客分类:
  • Flex
阅读更多

在任何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
1
1
分享到:
评论
2 楼 gs80140 2011-10-12  
Flex4 Spark 组件没有Alert
那我做一个单纯的只用Spark的项目,如何使用Alert?
1 楼 remoteJavaSky 2011-07-02  
其实Alert就是个对Panel的包装吧,显然是单态的

相关推荐

    jquery模拟alert提示框

    在某些情况下,开发者可能希望自定义提示框的外观和行为,这就是"jQuery模拟alert提示框"的用途。 创建自定义提示框可以提供更多的灵活性,例如添加自定义按钮、设置不同的主题或甚至包含复杂的内容。在本案例中,...

    Flex 之 初学 Alert 控件

    本篇我们将聚焦于Flex中的Alert控件,它是Flex UI组件库中的一种常用组件,用于展示警告、确认或信息消息。 Alert控件在Flex中扮演着通知用户的重要角色。它通常以弹出对话框的形式出现,包含一个标题、一条消息和...

    flex如何使得alert定时关闭

    首先,`Alert`类是Flex提供的一种用于显示警告或确认消息的内置组件。它通常会暂停程序执行,直到用户做出响应(点击确定或取消)。然而,我们可以通过创建一个自定义的`Alert`行为来添加自动关闭的功能。 步骤1:...

    Flex中通过设置isPopUp属性创建一个无法拖动的Alert对话框的例子

    同时,我们在`createChildren`方法中禁用了内容组的鼠标事件,以确保用户不能通过点击对话框内的内容来移动它。 接下来,我们可以在应用程序中使用这个自定义的Alert类,就像使用默认的Alert一样: ```...

    单纯Flex見本001: 显示状态消息

    Alert.show("状态消息已显示", "提示", Alert.INFO); ``` 4. **使用Status组件**:`Status`组件主要用于在应用程序的底部显示状态信息。在Flex布局中添加`&lt;mx:Status&gt;`标签,然后在代码中设置其文本属性: ```...

    图文并茂、手把手教你怎么将Java项目与Flex4整合

    现在,我们可以在`JavaAndFlexDemo.mxml`文件中编写Flex代码,例如创建一个简单的按钮,当被点击时显示一个消息框。例如: ```xml xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe...

    flex java实例

    实例中的Flex界面可能包含以下组件:表单(Form)用于用户输入,数据网格(DataGrid)展示查询结果,按钮(Button)触发操作,以及可能的提示信息(Alert)显示操作结果。 6. MXML与ActionScript: MXML是Flex的...

    flex组件介绍

    - **Alert**:用于弹出警告框,需通过代码触发,不在组件视图中显示图标。 - **Button**:显示一个可包含文本或图标或两者的按钮,常用于执行命令或导航。 - **ComboBox**:显示一个组合框,用于选择列表中的项。 - ...

    flex 弹出窗口并居中显示

    本文将详细讲解如何利用Flex布局实现弹出窗口并使其居中显示,这对于创建各种交互式功能,如模态框、提示框等至关重要。 一、Flex布局基础 1. Flex容器:一个具有`display: flex`或`display: inline-flex`样式的...

    Flex事件机制(通俗易懂)

    在Flex中,事件注册通道是指可以在MXML中通过代码提示找到的事件,它们允许开发者在特定事件发生时指定要执行的函数。这些通道在代码提示中明确列出,为组件提供了高度的抽象化,使得开发人员能够清晰地知道组件支持...

    flex试题打包面试题挺好的

    - 使用`Alert.show()`或`jsalert()`等方法弹出提示框。 - 使用`navigateToURL`结合JavaScript的`alert`函数。 - **示例代码**: ```actionscript trace("This is a test message."); asAlert.show("This is an ...

    flex 代码总结

    `creationCompleteHandler` 事件监听器在应用加载完成后触发,启动定时器,5秒后调用 `removeAlert` 函数关闭提示框。`showAlert` 函数创建并显示一个自定义大小的警报对话框,同时启动定时器。 获取屏幕分辨率可以...

    WEB项目集成Flex3功能

    在`flex_src/door4flex.mxml`文件中编写简单的Flex代码以验证集成是否成功。示例代码如下: ```xml layout="absolute" minWidth="1024" minHeight="768"&gt; &lt;![CDATA[ import mx.controls.Alert; protected ...

    Myeclipse10搭建Flex+spring+mybatis架构

    - 在MyEclipse中,选择“File” -&gt; “New” -&gt; “Flex Project”,按照提示输入项目名称,这里假设为“Technology”。 2. **服务器设置**: - 在MyEclipse中,配置Tomcat或其他Web服务器,并将其与“Technology”...

    flex + java 初学者 笔记 学习资料

    8. Alert:弹出式提示对话框,使用`show(text, title, flags, parent, closeHandle, iconClass, defaultButtonFlag)`方法创建。 9. TileList:支持水平和垂直布局的列表。 10. HorizontalList:仅支持水平布局的列表...

    Flex考试题.docx

    - Alert可以生成类似于JavaScript的alert提示框或confirm对话框,并且可以自定义弹出框的标题。 5. **AdvancedDataGrid组件:** - 用于绑定数据的属性是`dataProvider`。 - 可以以平面或树形结构显示数据。 - ...

    js 实现多种绚丽的弹出式提示框

    JavaScript中的`alert()`、`prompt()`和`confirm()`函数是基础的内置提示框,但它们样式单一,难以满足现代网页设计的需求。因此,我们需要自定义提示框来实现更丰富的功能和视觉效果。 一、基本结构 创建自定义...

    flex快速上手(中文)

    此外,Flex 2.0引入了一个全新的开发环境——Flex Builder 2.0,它基于流行的Eclipse平台,极大地提升了开发体验,包括代码提示、调试支持等功能,使开发过程更加流畅和高效。 #### MXML与ActionScript:Flex的核心...

    flex开发工具的学习.txt

    - **Alert**:用于显示警告或消息。 #### 五、容器与布局管理器 ##### 1. 布局容器 - **Canvas**:灵活的容器,可以自由放置子组件。 - **DividedBox**:分区容器,支持垂直和水平方向的布局。 - **Form**:表单...

    Flex开发实例

    ### Flex开发实例知识点详解 #### 一、Flex简介与基础 **1. Flex简介** - **定义**: Flex是一种开源框架,用于构建具有表现力的Web应用程序,并能够跨浏览器、操作系统和设备平滑运行。 - **特点**: 基于XML...

Global site tag (gtag.js) - Google Analytics