`
bootong
  • 浏览: 11498 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

FLEX 之 Alert 提示警告框

    博客分类:
  • flex
 
阅读更多
本例包括以下知识点:

    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中的Alert控件,它是Flex UI组件库中的一种常用组件,用于展示警告、确认或信息消息。 Alert控件在Flex中扮演着通知用户的重要角色。它通常以弹出对话框的形式出现,包含一个标题、一条消息和...

    flex如何使得alert定时关闭

    例如,如果你想让警告框在3秒后自动关闭,可以这样写: ```actionscript var timer:Timer = new Timer(3000, 1); // 3000毫秒即3秒,1表示只执行一次 ``` 步骤2:设置`Timer`事件监听器 接下来,你需要为`Timer`...

    flex组件介绍

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

    flex 3 所有可视控件实例

    1. Alert:Alert 控件用于显示警告或确认对话框,通常包含“确定”和“取消”按钮,以提示用户进行操作。 2. Colorpicker:Colorpicker 控件允许用户选择颜色,常用于颜色配置或设置背景色等场景。 3. Combobox:...

    自定义样式弹框alert和confirm

    &lt;h3 id="alert-title"&gt;提示信息 &lt;p id="alert-message"&gt;这是自定义的弹框信息。 确定 取消 ``` 2. **CSS样式**:编写CSS规则,为弹框及其组件定义样式。可以调整宽高、边距、背景色、字体等,以达到与页面...

    [心得] 纯As类 Alert

    `.actionScriptProperties` 和 `.project` 是Flash Builder或Flex Builder的项目配置文件,`.settings` 文件夹则包含了项目的编译设置和其他IDE相关的配置。 总的来说,创建一个纯 AS3 Alert 类可以帮助我们统一和...

    Flex上传文件与下载

    当用户选择了文件后,会调用`selectHandle`方法检查文件大小是否超出限制,并显示相应的提示信息。 ##### 文件上传逻辑 ```as3 private function upLoad():void { var url:URLRequest = new URLRequest(...

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

    你可以通过调用`Alert.show(message, title, icon, buttons, callback)`方法来显示警告、确认或信息对话框。例如: ```actionscript Alert.show("状态消息已显示", "提示", Alert.INFO); ``` 4. **使用Status...

    flex快速上手(中文)

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

    flex开发工具的学习.txt

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

    Flex字符串比较 还有Flex字符串操作

    Alert.show('两次输入的密码必须相同,请检查', '提示', 4, null, null, alertIcon); return false; } ``` 这段代码检查用户输入的确认密码是否与原始密码一致,如果不一致,它会显示一个警告对话框。 字符串操作...

    Flex UI组件使用全集

    - **Alert**: 提供一种标准的方式来显示警告或提示消息。 - **ColorPicker**: 用户可以选择颜色的组件。 - **ComboBox**: 结合了文本输入和下拉列表功能的组件。 - **DataGrid**: 用于展示表格数据的组件。 - **...

    Flex 3 组件实例与应用(2009版)

    Alert组件用于显示弹窗提示信息,通常用于向用户展示操作结果或警告信息等。 ##### 2. **ColorPicker** ColorPicker组件提供了一个颜色选择器,允许用户通过直观的方式选择颜色值。 ##### 3. **ComboBox** ...

    前端简单的注册登录(html+css+javascript+jquery+axios)实现

    例如,登录和注册按钮的背景图,或者错误提示时的警告图标。 总的来说,这个简单的注册登录系统展示了前端开发的基本流程,包括HTML结构、CSS样式和JavaScript交互。通过这个项目,开发者可以学习到前端开发的基础...

    bootstrap总结与例子

    9. **警告提示** (`alerts`): `.alert` 类用于创建带有可关闭功能的提示信息,有多种预定义的样式。 10. **进度条** (`progress bars`): `.progress` 和 `.progress-bar` 类可以创建水平的进度条,支持自定义宽度和...

    基于Vue20的Mobile组件库mlui

    4. **提示反馈组件**: 如`Toast`(轻提示)、`Alert`(警告对话框)、`Confirm`(确认对话框),提供用户操作的反馈。 5. **加载组件**: 包括`Loading`(加载动画)、`ActivityIndicator`(活动指示器),用于展示...

    bootstrap简易式操作布局页面实现

    9. **提示信息**:`alert`类用于创建可关闭的通知,提供不同的样式以表示成功、警告、错误等。 10. **脚本集成**:Bootstrap的JavaScript插件,如`carousel`(轮播图)和`collapse`(折叠内容),通过引入`...

Global site tag (gtag.js) - Google Analytics