FLEX 之 Alert 提示警告框

本例包括以下知识点:

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>



[img]http://dl.iteye.com/upload/attachment/594529/836932b6-3113-3eb1-9599-23465ad5192d.png[/img]

[img]http://dl.iteye.com/upload/attachment/594531/27302690-c0c1-332e-a0d2-3d451923e3e0.png[/img]
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值