在任何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
分享到:
相关推荐
在某些情况下,开发者可能希望自定义提示框的外观和行为,这就是"jQuery模拟alert提示框"的用途。 创建自定义提示框可以提供更多的灵活性,例如添加自定义按钮、设置不同的主题或甚至包含复杂的内容。在本案例中,...
本篇我们将聚焦于Flex中的Alert控件,它是Flex UI组件库中的一种常用组件,用于展示警告、确认或信息消息。 Alert控件在Flex中扮演着通知用户的重要角色。它通常以弹出对话框的形式出现,包含一个标题、一条消息和...
首先,`Alert`类是Flex提供的一种用于显示警告或确认消息的内置组件。它通常会暂停程序执行,直到用户做出响应(点击确定或取消)。然而,我们可以通过创建一个自定义的`Alert`行为来添加自动关闭的功能。 步骤1:...
同时,我们在`createChildren`方法中禁用了内容组的鼠标事件,以确保用户不能通过点击对话框内的内容来移动它。 接下来,我们可以在应用程序中使用这个自定义的Alert类,就像使用默认的Alert一样: ```...
Alert.show("状态消息已显示", "提示", Alert.INFO); ``` 4. **使用Status组件**:`Status`组件主要用于在应用程序的底部显示状态信息。在Flex布局中添加`<mx:Status>`标签,然后在代码中设置其文本属性: ```...
现在,我们可以在`JavaAndFlexDemo.mxml`文件中编写Flex代码,例如创建一个简单的按钮,当被点击时显示一个消息框。例如: ```xml xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe...
实例中的Flex界面可能包含以下组件:表单(Form)用于用户输入,数据网格(DataGrid)展示查询结果,按钮(Button)触发操作,以及可能的提示信息(Alert)显示操作结果。 6. MXML与ActionScript: MXML是Flex的...
- **Alert**:用于弹出警告框,需通过代码触发,不在组件视图中显示图标。 - **Button**:显示一个可包含文本或图标或两者的按钮,常用于执行命令或导航。 - **ComboBox**:显示一个组合框,用于选择列表中的项。 - ...
本文将详细讲解如何利用Flex布局实现弹出窗口并使其居中显示,这对于创建各种交互式功能,如模态框、提示框等至关重要。 一、Flex布局基础 1. Flex容器:一个具有`display: flex`或`display: inline-flex`样式的...
在Flex中,事件注册通道是指可以在MXML中通过代码提示找到的事件,它们允许开发者在特定事件发生时指定要执行的函数。这些通道在代码提示中明确列出,为组件提供了高度的抽象化,使得开发人员能够清晰地知道组件支持...
- 使用`Alert.show()`或`jsalert()`等方法弹出提示框。 - 使用`navigateToURL`结合JavaScript的`alert`函数。 - **示例代码**: ```actionscript trace("This is a test message."); asAlert.show("This is an ...
`creationCompleteHandler` 事件监听器在应用加载完成后触发,启动定时器,5秒后调用 `removeAlert` 函数关闭提示框。`showAlert` 函数创建并显示一个自定义大小的警报对话框,同时启动定时器。 获取屏幕分辨率可以...
在`flex_src/door4flex.mxml`文件中编写简单的Flex代码以验证集成是否成功。示例代码如下: ```xml layout="absolute" minWidth="1024" minHeight="768"> <![CDATA[ import mx.controls.Alert; protected ...
- 在MyEclipse中,选择“File” -> “New” -> “Flex Project”,按照提示输入项目名称,这里假设为“Technology”。 2. **服务器设置**: - 在MyEclipse中,配置Tomcat或其他Web服务器,并将其与“Technology”...
8. Alert:弹出式提示对话框,使用`show(text, title, flags, parent, closeHandle, iconClass, defaultButtonFlag)`方法创建。 9. TileList:支持水平和垂直布局的列表。 10. HorizontalList:仅支持水平布局的列表...
- Alert可以生成类似于JavaScript的alert提示框或confirm对话框,并且可以自定义弹出框的标题。 5. **AdvancedDataGrid组件:** - 用于绑定数据的属性是`dataProvider`。 - 可以以平面或树形结构显示数据。 - ...
JavaScript中的`alert()`、`prompt()`和`confirm()`函数是基础的内置提示框,但它们样式单一,难以满足现代网页设计的需求。因此,我们需要自定义提示框来实现更丰富的功能和视觉效果。 一、基本结构 创建自定义...
此外,Flex 2.0引入了一个全新的开发环境——Flex Builder 2.0,它基于流行的Eclipse平台,极大地提升了开发体验,包括代码提示、调试支持等功能,使开发过程更加流畅和高效。 #### MXML与ActionScript:Flex的核心...
- **Alert**:用于显示警告或消息。 #### 五、容器与布局管理器 ##### 1. 布局容器 - **Canvas**:灵活的容器,可以自由放置子组件。 - **DividedBox**:分区容器,支持垂直和水平方向的布局。 - **Form**:表单...
### Flex开发实例知识点详解 #### 一、Flex简介与基础 **1. Flex简介** - **定义**: Flex是一种开源框架,用于构建具有表现力的Web应用程序,并能够跨浏览器、操作系统和设备平滑运行。 - **特点**: 基于XML...