Flex中如何通过在全局selector中设置不同的样式


<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white">

<mx:Style>
global {
modalTransparencyBlur: 0;
modalTransparency: 0.8;
modalTransparencyColor: black;
modalTransparencyDuration: 500;
}
</mx:Style>

<mx:Script>
<![CDATA[
import mx.controls.Alert;
import mx.managers.PopUpManager;

private function showAlert():void {
Alert.show("hello", "world");
}

private function showContactForm():void {
var contactForm:ContactForm = new ContactForm();
PopUpManager.addPopUp(contactForm, this, true);
}
]]>
</mx:Script>

<mx:ApplicationControlBar dock="true">
<mx:Button label="Alert" click="showAlert();" />
<mx:Button label="ContactForm" click="showContactForm();" />
</mx:ApplicationControlBar>

</mx:Application>



如下是弹出的页面代码

<?xml version="1.0" encoding="utf-8"?>
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml"
width="320"
height="240"
showCloseButton="true"
close="titleWindow_close();"
creationComplete="titleWindow_creationComplete();">

<mx:Script>
<![CDATA[
import mx.controls.Alert;
import mx.managers.PopUpManager;

private function titleWindow_close():void {
PopUpManager.removePopUp(this);
}

private function titleWindow_creationComplete():void {
PopUpManager.centerPopUp(this);
}

private function sendButton_click():void {
Alert.show("Thanks for the feedback");
titleWindow_close();
}
]]>
</mx:Script>

<mx:Form styleName="plain" width="100%" height="100%">
<mx:FormHeading label="Contact Us" />
<mx:FormItem label="Name:" width="100%">
<mx:TextInput id="feedbackName" width="100%" />
</mx:FormItem>
<mx:FormItem label="Email:" width="100%">
<mx:TextInput id="feedbackEmail" width="100%" />
</mx:FormItem>
<mx:FormItem label="Comments:" width="100%" height="100%">
<mx:TextArea id="feedbackComments" width="100%" height="100%" />
</mx:FormItem>
</mx:Form>

<mx:ControlBar horizontalAlign="right">
<mx:Button id="sendButton"
label="Send"
click="sendButton_click();" />
</mx:ControlBar>

</mx:TitleWindow>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值