FLEX入门篇--------Alert提示框和双击事件

  • 使用FLEX有一段时间了,但总觉得自己对FLEX的细节把握得不够好,所以决定以FLEX DEVELOPER GUIDE为蓝本,好好补一课,现在探讨的问题可能比较浅显,但我希望自己能把每个浅显的道理都理解透,好了,废话少说,今天从最简单的alert提示框说起.

  • 先一起来看看官方文档的介绍:
    public static show(
    text:String,
    title:String = null,
    flags:uint = mx.controls.Alert.OK,
    parent:Sprite = null,
    clickListener:Function = null,
    iconClass:Class = null,
    defaultButton:uint = mx.controls.Alert.OK) : Alert

    alert提供了一个主要的方法,就是show()方法,其实中的参数都已经很明白地列出来了,下面我自己能过一个小例子,将上面的应用进去,大家也可以发挥自己的想像,动手来试试;



<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="100%" height="100%">
	<mx:Script>
		<![CDATA[
			import mx.events.CloseEvent;
			import mx.controls.Alert;
			
			[Embed(source="img/over.png")]
			[Bindable]
			private var btn:Class;
			private function doubleClickHandler(event:Event):void{
				Alert.okLabel="确定";
				Alert.cancelLabel="取消";
				Alert.show("您双击了我",
				"我的提示信息",
				Alert.OK|Alert.CANCEL,
				this,
				closeHandlerEvent,btn,Alert.OK);
				event.currentTarget.title="您双击了我";
			}
			
			private function closeHandlerEvent(event:CloseEvent):void{
				if(event.detail==Alert.OK){
				testLabel.text="您选的是OK";
				}else if(event.detail==Alert.CANCEL){
					testLabel.text="您选的是Cancel";
				}
			}
		]]>
	</mx:Script>
	<mx:Panel title="MyTest" 
		textAlign="center" 
		doubleClick="doubleClickHandler(event);" 
		fontSize="13" 
		doubleClickEnabled="true" 
		verticalAlign="middle" 
		horizontalAlign="center" 
		paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" 
		width="100%" height="100%">
		<mx:Label  id="testLabel" text="TestLabel" fontWeight="bold" fontSize="24"/>
	</mx:Panel>
</mx:Application>

你可能感兴趣的:(xml,Flex)