`
msyspacer
  • 浏览: 9924 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

Flex4 自定义弹出提醒框

 
阅读更多
<?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"
			   applicationComplete="init()">
	<fx:Declarations>
		<!-- 非ビジュアルエレメント (サービス、値オブジェクトなど) をここに配置 -->
	</fx:Declarations>
	<fx:Script>
		<![CDATA[
			import mx.controls.Alert;
			import mx.events.CloseEvent;
			
			[Bindable]
			[Embed(source="assets/bonus.png")]
			public var bonusIcon:Class;
			
			[Bindable]
			[Embed(source="assets/attention.png")]
			public var attentionIcon:Class;
			
			[Bindable]
			[Embed(source="assets/yes.png")]
			public var yesIcon:Class;
			
			[Bindable]
			[Embed(source="assets/no.png")]
			public var noIcon:Class;
			
			public var alert:Alert;
			
			protected function init():void
			{
				makesure.addEventListener(MouseEvent.CLICK,cmd_makesure);
				detail.addEventListener(MouseEvent.CLICK,cmd_detail);
			}
			
			protected function thisAlertClose(event:CloseEvent):void
			{
				// YES:uint = 0x0001;
				// NO:uint = 0x0002;
				// OK:uint = 0x0004;
				// CANCEL:uint = 0x0008;
				var result:uint = event.detail;
				var message:String="";
				// / 把标签改回初始值,所以这里显示的是默认标签,如想显示标签自定义内容则不修改回默认标签
				switch (result)
				{
					case 1:
						message ="The selected one is :" +Alert.yesLabel;
						break;
					case 2:
						message ="The selected one is :" +Alert.noLabel;
						break;
					case 4:
						message ="The selected one is :" +Alert.okLabel;
						break;
					case 8:
						message ="The selected one is :" +Alert.cancelLabel;
						break;
				}
				Alert.show(message,"Result",Alert.OK,this,null,bonusIcon,Alert.OK);
			}
			
			protected function cmd_makesure(event:Event):void
			{
				// 创建一个包含YES,NO选项的提示框
				Alert.show("Are you sure?","Make sure",Alert.YES|Alert.NO,this,thisAlertClose);
			}
			
			protected function cmd_detail(event:Event):void
			{
				Alert.buttonWidth = 150;
				Alert.okLabel = "Disneyland";
				Alert.yesLabel = "Kennedy Space Port";
				Alert.noLabel = "SIx Flags";
				Alert.cancelLabel = "Marine World";
				//关于Alert.show传入参数
				//text:String="", title:String="", flags:uint=4, parent:Sprite=null, (显示文本,标题,选项【YES|NO|OK|CANCEL】,显示提醒框的上一级画面)
				//closeHandler:Function=null, iconClass:Class=null, defaultButtonFlag:uint=4, (关闭后调用的方法,图标,默认选项)
				alert = Alert.show("Where do you want to go?","Destination",Alert.OK|Alert.YES|Alert.NO|Alert.CANCEL,
					this,thisAlertClose,attentionIcon,Alert.YES);
				alert.height = 150;
				alert.width = 700;
				// 把标签改回初始值,防止影响其他提示框运行,。这是一个好习惯
				Alert.okLabel = "OK";
				Alert.yesLabel = "YES";
				Alert.noLabel = "NO";
				Alert.cancelLabel = "CANCEL";
			}
		]]>
	</fx:Script>
	<s:Panel id="mix" verticalCenter="0" horizontalCenter="0" title="Mix" width="450" height="300">
		<s:VGroup verticalCenter="0" horizontalCenter="0">
			<s:Button id="makesure" label="Make sure?" />
			<s:Button id="detail" label="Where to go?"/>
		</s:VGroup>
	</s:Panel>
</s:Application>

 

分享到:
评论

相关推荐

    flex4自定义弹出窗口 事件

    flex4自定义弹出窗口 支持最大化 最小化

    Flex Mobile自定义实现的弹出对话框

    在Flex Mobile中,自定义实现弹出对话框是一项常见的需求,这通常涉及到用户交互和界面设计的灵活性。 对话框在移动应用中扮演着重要的角色,它们可以用来显示警告、询问用户输入或者进行一些特殊操作。在Flex ...

    flex4自定义事件用法

    下面将详细介绍Flex4自定义事件的用法,以及如何在一个完整的项目中导入和运行。 1. **创建自定义事件类** - 首先,我们需要创建一个继承自`Event`类的新类。通常,我们会选择`flash.events.Event`或`mx.events....

    Flex4自定义组件开发.pdf

    ### Flex4自定义组件开发详解 #### 一、Flex4自定义组件概述 Flex4(也称为Spark)是Adobe Flex框架的一个重要版本,它引入了许多新的特性,包括改进的组件库、性能优化以及更好的可定制性。在Flex4中,自定义组件...

    Flex4 Air 自定义窗口

    Flex4 AIR自定义窗口是一种高级的用户界面设计技术,它允许开发者创建出具有独特特性和交互体验的应用程序。在本文中,我们将深入探讨Flex4和Adobe Integrated Runtime (AIR)如何结合,实现自定义窗口功能,包括窗口...

    自定义弹出框

    自己写的一个自定义弹出框,没有使用flex自带的Alert

    flex4自定义组件皮肤

    在Flex4中,自定义组件皮肤是提升应用视觉效果和用户体验的重要手段。下面将详细介绍如何在Flex4中自定义组件皮肤。 1. **组件皮肤的基本概念** - 组件皮肤是Flex中改变组件外观的一种方式,通过定义不同的皮肤,...

    Flex 弹出窗口代码

    在Flex编程中,"弹出窗口代码"是一个常见的需求,特别是在设计用户交互界面时,我们经常需要实现点击按钮后打开一个新的窗口或者对话框来展示更多信息或进行特定操作。本篇将详细讲解如何在Flex中创建一个点击按钮后...

    flex3自定义DownloadProgressBar

    在Flex3中,自定义DownloadProgressBar涉及组件继承、事件监听、进度计算等多个方面,通过理解这些核心概念,开发者可以打造出满足特定需求的下载进度条,提高用户体验。在实际开发中,应结合项目需求灵活运用,同时...

    Flex4 自定义通用ImageButton

    在Flex4中,自定义组件是一项重要的技能,它允许开发者根据特定需求创建具有独特功能和外观的用户界面元素。本话题聚焦于自定义一个通用的`ImageButton`组件,该组件结合了图像和按钮的功能,提供了更丰富的交互体验...

    flex 高级自定义组件

    Flex中的高级自定义组件开发是构建复杂用户界面的关键技术,它允许开发者超越基本组件的限制,以满足特定的业务需求和视觉设计。在创建高级组件时,了解并掌握一些核心方法的重写至关重要,这些方法涉及到组件的生命...

    flex 自定义控件、事件

    4. **事件处理**:事件是Flex中的重要一环,它们负责组件之间的通信。自定义控件可以派发自定义事件,或者监听并响应其他组件的事件。在MXML中,你可以使用`&lt;mx:Metadata&gt;`标签声明自定义事件,然后在代码中使用`...

    flex 自定义加载进度框

    4. **Flex Component Life Cycle**:了解Flex组件的生命周期,知道何时在哪个阶段插入自定义预加载器。 5. **动画和图形设计**:在Flash中创建和编辑动画,可以使用ActionScript控制动画的播放。 6. **集成到Flex...

    Flex4 自定义组件皮肤小结

    总结,Flex4的自定义组件皮肤提供了强大的界面定制能力,允许开发者根据需求创建出美观且互动的用户界面。通过理解状态管理、部件、图形元素以及绑定和事件处理的概念,我们可以更有效地利用这一特性,结合“源码”...

    Flex4相册,Flex4自定义仪表盘

    预览地址: http://www.iflex4.com/samples/picviewer/picviewer.html http://www.iflex4.com/samples/picviewer/app.html 更多信息请访问: www.iflex4.com Flex4视频教程免费下载。

    Flex手机项目自定义List的ItemRenderer

    在Flex手机项目开发中,创建自定义的List组件ItemRenderer是一项常见的需求,目的是为了提供更加丰富和个性化的显示效果。本文将深入探讨如何利用IconItemRenderer来实现这一目标,同时结合具体的实例,介绍两种不同...

    Flex4自定义右键菜单源码.rar

    在Flex4中,自定义右键菜单是提升用户体验的重要一环,尤其对于需要更多上下文操作的应用来说。 标题中的“Flex4自定义右键菜单源码”意味着这个压缩包包含了实现自定义右键菜单功能的源代码。这对于初学者来说是一...

    flex 自定义 datagrid 列头带组合框进行过滤

    这个主题——"flex 自定义 datagrid 列头带组合框进行过滤",涉及到的关键知识点包括Flex组件定制、DataGrid列头的扩展以及ComboBox控件的使用。 1. Flex组件定制: 在Flex中,我们可以使用MXML和ActionScript来...

    FLEX弹出框特效,很好很强大

    本主题聚焦于“FLEX弹出框特效”,这通常指的是使用Flexbox创建的交互式对话框或者窗口,它们在用户界面上以弹出的方式显示,提供额外的信息或功能。以下将详细介绍FLEX弹出框特效及其在3.0版本中的应用。 1. **...

    flex 自动弹出窗口(右下角弹出,右上角弹出)

    - 创建弹出窗口组件:这可以是自定义的Flex组件或者使用内置的`Alert`、`Prompt`等。 - 设置弹出位置:利用`PopUpManager.createPopUp()`方法时,传递一个包含x和y坐标的参数来设置弹出位置。通过计算屏幕宽度和高度...

Global site tag (gtag.js) - Google Analytics