zoukankan      html  css  js  c++  java
  • 走近Flex组件系列(二):简单实用的Alert组件

         Flex中为我们提供的简单实用的Alert组件,可以为我们在项目开发中完成很多的应用控制和提示操作。其功能和Windows Form的MessageBox,JavaScript中的alert()一样,其作用我就不用我多说了。

         本文将介绍Flex的Alert组件比较常见的几种应用模式,详细请坐下听我慢慢道来。

         最常见的莫过于只做消息提示的功能应用,那Flex的Alert该怎么来实现呢?Flex的Alert组件位于mx.controls包下,Alert类提供了静态的show方法来完成我们常见的功能。使用很简单,如下便是只做消息提示的应用:

    1 internal function onClick():void
    2 {
    3     Alert.show("Hello World!");
    4 }

         如果照上面的应用,在弹出的消息对话框中就只有提示消息,对话框没有标题。要让对话框显示标题该怎么办呢?很简单,如下代码示例:

    1 internal function onClickTitle():void
    2 {
    3     Alert.show("Hello World!","这里是标题");
    4 }

         或许有人会问,以前做简单的提示操作已经学会了,确实很简单。如果我需要提供两个按扭让我选择,然后根据我的选择做不同的程序控制该怎么做呢?其实这正是我接下来要讲到的,详细见如下代码定义:

    1 internal function onClickConfrm():void
    2 {
    3     Alert.yesLabel="";
    4     Alert.noLabel="";
    5     Alert.show("Hello World!","这里是标题",3,this,onCloseHandler);
    6 }

         方法的参数很容易理解,第一个为消息内容,第二个为标题显示内容,第三个为标识取值默认为4,第四个为当前Alert组件要显示的父容器,最后一个则为点击Alert组件的按扭(如:是、否、确定、取消等)后的回调函数,或者叫做事件处理函数。如下代码定义(alertResult是个标签组件Label):

     1 internal function onCloseHandler(evt:CloseEvent):void
     2 {
     3     if(evt.detail==Alert.YES)
     4     {
     5         alertResult.text = "你选择的是:“是”!";
     6     }
     7     else
     8     {
     9         alertResult.text = "你选择的是:“否”!";
    10     }
    11 }

         最后来看看对话框上出三个按扭(是,否,取消)的应用,代码定义如下:

    1 internal function onClickHandler():void
    2 {
    3     Alert.yesLabel="";
    4     Alert.noLabel="";
    5     Alert.cancelLabel="取消";
    6     Alert.show("Hello World!","这里是标题",1|2|8,this,onCloseHandler);
    7 }

         同样通过设置的事件处理函数来获取用户点击的是那一项操作。运行效果如下图:

         

         以下是Alert组件的全部示例代码:

    Alert组件示例代码

    版权说明

      本文属原创文章,欢迎转载,其版权归作者和博客园共有。  

      作      者:Beniao

     文章出处:http://beniao.cnblogs.com/  或  http://www.cnblogs.com/

  • 相关阅读:
    如果int x=20, y=5,则语句System.out.println(x+y +""+(x+y)+y); 的输出结果是()
    子父类存在同名成员时super的使用条件
    7mysql高级查询
    1udp编程
    6mysql外键
    4mysql数据表增删改查
    5mysql数据类型
    3mysql数据库操作
    2mysql基本使用
    1mysql安装
  • 原文地址:https://www.cnblogs.com/beniao/p/1377460.html
Copyright © 2011-2022 走看看