本例包括以下知识点:
1、警告框的事件
2、自定义警告框的按钮标签
3、设置提示框的文本大小
4、设置提示框的图标
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
<s:layout>
<s:BasicLayout/>
</s:layout>
<fx:Script>
<![CDATA[
import mx.controls.Alert;
import mx.events.CloseEvent;
// ************************************/
// 警告框事件 提示框大小
// *************************************/
private var myAlert:Alert;
private function Btn_Click():void
{
myAlert = Alert.show("确认执行此操作吗?","提示框",Alert.YES | Alert.NO,
this,AlertListener,null,Alert.YES);
// 设置警告框的大小
myAlert.width = 200;
myAlert.height = 150;
}
// 对话框侦听事件
private function AlertListener(e:CloseEvent):void
{
// 判断是否按下确认按钮
if(e.detail == Alert.YES)
{
lbText.text = "您按下了确认按钮。";
}
else
{
lbText.text = "您按下了取消按钮。";
}
}
// *************************************/
// 自定义警告框的标签按钮
// *************************************/
// 按钮单击事件
private function Btn1_Click():void
{
// 设置对话框的按钮文字描述
Alert.yesLabel = "是";
Alert.noLabel = "否";
Alert.cancelLabel = "取消";
// 弹出对话框
Alert.show("确认执行此操作吗?","提示框",Alert.YES | Alert.NO | Alert.CANCEL);
}
// *************************************/
// 提示框的图标的设置
// *************************************/
[Embed(source="../img/error.png")]
[Bindable]
public var error:Class;
private function Btn2_CLick():void
{
//弹出一个提示框
Alert.show("这是提示框","警告框",Alert.OK,null,null,error);
}
]]>
</fx:Script>
<fx:Declarations>
<!-- 将非可视元素(例如服务、值对象)放在此处 -->
</fx:Declarations>
<!-- ======================================================= -->
<s:Button x="36" y="40" label="提示框" width="89" height="31" click="Btn_Click()"/>
<s:Label x="155" y="52" text="标签" width="215" height="18" id="lbText"/>
<!-- ======================================================= -->
<s:Button x="36" y="101" label="提示框1" width="89" height="31" click="Btn1_Click()"/>
<!-- ======================================================= -->
<s:Button x="414" y="52" label="提示框2" width="89" height="31" click="Btn2_CLick()"/>
</s:Application>
- 大小: 5.5 KB
- 大小: 6.4 KB
分享到:
相关推荐
本篇我们将聚焦于Flex中的Alert控件,它是Flex UI组件库中的一种常用组件,用于展示警告、确认或信息消息。 Alert控件在Flex中扮演着通知用户的重要角色。它通常以弹出对话框的形式出现,包含一个标题、一条消息和...
例如,如果你想让警告框在3秒后自动关闭,可以这样写: ```actionscript var timer:Timer = new Timer(3000, 1); // 3000毫秒即3秒,1表示只执行一次 ``` 步骤2:设置`Timer`事件监听器 接下来,你需要为`Timer`...
- **Alert**:用于弹出警告框,需通过代码触发,不在组件视图中显示图标。 - **Button**:显示一个可包含文本或图标或两者的按钮,常用于执行命令或导航。 - **ComboBox**:显示一个组合框,用于选择列表中的项。 - ...
1. Alert:Alert 控件用于显示警告或确认对话框,通常包含“确定”和“取消”按钮,以提示用户进行操作。 2. Colorpicker:Colorpicker 控件允许用户选择颜色,常用于颜色配置或设置背景色等场景。 3. Combobox:...
<h3 id="alert-title">提示信息 <p id="alert-message">这是自定义的弹框信息。 确定 取消 ``` 2. **CSS样式**:编写CSS规则,为弹框及其组件定义样式。可以调整宽高、边距、背景色、字体等,以达到与页面...
`.actionScriptProperties` 和 `.project` 是Flash Builder或Flex Builder的项目配置文件,`.settings` 文件夹则包含了项目的编译设置和其他IDE相关的配置。 总的来说,创建一个纯 AS3 Alert 类可以帮助我们统一和...
当用户选择了文件后,会调用`selectHandle`方法检查文件大小是否超出限制,并显示相应的提示信息。 ##### 文件上传逻辑 ```as3 private function upLoad():void { var url:URLRequest = new URLRequest(...
你可以通过调用`Alert.show(message, title, icon, buttons, callback)`方法来显示警告、确认或信息对话框。例如: ```actionscript Alert.show("状态消息已显示", "提示", Alert.INFO); ``` 4. **使用Status...
此外,Flex 2.0引入了一个全新的开发环境——Flex Builder 2.0,它基于流行的Eclipse平台,极大地提升了开发体验,包括代码提示、调试支持等功能,使开发过程更加流畅和高效。 #### MXML与ActionScript:Flex的核心...
- **Alert**:用于显示警告或消息。 #### 五、容器与布局管理器 ##### 1. 布局容器 - **Canvas**:灵活的容器,可以自由放置子组件。 - **DividedBox**:分区容器,支持垂直和水平方向的布局。 - **Form**:表单...
如果未进行绑定,Flex编译器可能会产生警告,提示开发者绑定数据源。 在Flex中创建DropDownList非常简单,可以在MXML中直接定义,如下所示: ```xml <s:DropDownList x="78" y="31" dataProvider="{arr}"></s:...
Alert.show('两次输入的密码必须相同,请检查', '提示', 4, null, null, alertIcon); return false; } ``` 这段代码检查用户输入的确认密码是否与原始密码一致,如果不一致,它会显示一个警告对话框。 字符串操作...
- **Alert**: 提供一种标准的方式来显示警告或提示消息。 - **ColorPicker**: 用户可以选择颜色的组件。 - **ComboBox**: 结合了文本输入和下拉列表功能的组件。 - **DataGrid**: 用于展示表格数据的组件。 - **...
Alert组件用于显示弹窗提示信息,通常用于向用户展示操作结果或警告信息等。 ##### 2. **ColorPicker** ColorPicker组件提供了一个颜色选择器,允许用户通过直观的方式选择颜色值。 ##### 3. **ComboBox** ...
例如,登录和注册按钮的背景图,或者错误提示时的警告图标。 总的来说,这个简单的注册登录系统展示了前端开发的基本流程,包括HTML结构、CSS样式和JavaScript交互。通过这个项目,开发者可以学习到前端开发的基础...
9. **警告提示** (`alerts`): `.alert` 类用于创建带有可关闭功能的提示信息,有多种预定义的样式。 10. **进度条** (`progress bars`): `.progress` 和 `.progress-bar` 类可以创建水平的进度条,支持自定义宽度和...
4. **提示反馈组件**: 如`Toast`(轻提示)、`Alert`(警告对话框)、`Confirm`(确认对话框),提供用户操作的反馈。 5. **加载组件**: 包括`Loading`(加载动画)、`ActivityIndicator`(活动指示器),用于展示...
9. **提示信息**:`alert`类用于创建可关闭的通知,提供不同的样式以表示成功、警告、错误等。 10. **脚本集成**:Bootstrap的JavaScript插件,如`carousel`(轮播图)和`collapse`(折叠内容),通过引入`...