Flex 学习之路之十八 panel面板对话框的使用

<?xml version="1.0" encoding="utf-8"?>
<!-- containers\spark\SparkSkinnablePopUpContainerInlineReuse.mxml -->
<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">
	<fx:Declarations>
		<s:SkinnablePopUpContainer id="alert">
			<s:Panel title="My Alert Panel">
				<s:VGroup width="100%" horizontalAlign="center"
						  paddingTop="20" gap="20">
					<s:Label text="Your custom alert box"/>
					<s:Button label="OK" click="alert.close();"/>
				</s:VGroup>
			</s:Panel>
		</s:SkinnablePopUpContainer>
	</fx:Declarations>
	<s:Button label="Open Alert" click="alert.open(this, false);"/>
</s:Application>


<?xml version="1.0" encoding="utf-8"?>
<!-- containers\spark\SparkSkinnablePopUpContainerMoveResize.mxml -->
<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">
	<fx:Script>
		<![CDATA[
			import mx.collections.ArrayCollection;
			import mx.managers.PopUpManager;
			protected function button1_clickHandler(event:MouseEvent):void {
				// Create an instance of MyAlert.
				var alert:MyAlert = new MyAlert();
				alert.open(this, true);
				// Increase the width and height.
				alert.width += 100;
				alert.height += 100;
				// Center the pop-up in the parent container.
				PopUpManager.centerPopUp(alert);
			}
		]]>
	</fx:Script>
	<fx:Declarations>
		<fx:Component className="MyAlert">
			<s:SkinnablePopUpContainer>
				<s:Panel title="My Alert Panel" width="100%" height="100%">
					<s:VGroup width="100%" horizontalAlign="center"
							  paddingTop="20" gap="20">
						<s:Label text="Your custom alert box"/>
						<s:Button label="OK" click="close();"/>
					</s:VGroup>
				</s:Panel>
			</s:SkinnablePopUpContainer>
		</fx:Component>
	</fx:Declarations>
	<s:Button label="Open Alert SMG" click="button1_clickHandler(event);"/>
</s:Application>


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

computerclass

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值