`
hanyiduo
  • 浏览: 80355 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
社区版块
存档分类
最新评论

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

    博客分类:
  • Flex
阅读更多
<?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>

分享到:
评论

相关推荐

    [Flash/Flex] 使用css定义文本样式

    在CSS中,我们通过选择器(Selector)来指定需要应用样式的元素,然后定义一组属性(Property)来设置元素的具体样式。例如,要设置所有`&lt;text&gt;`标签的字体为Arial,大小为14像素,我们可以写: ```css .text { ...

    flex4.5中CSS选择器的应用小结

    在Flex 4.5版本中,CSS选择器的应用与HTML中的使用方式极其相似。开发者可以使用MXML标签的CSS样式来设定组件的...随着Flex技术的发展,CSS选择器在Flex应用中的支持也更加完善,为开发者提供了强大的样式定制能力。

    CSS的综合练习2,完成壹心理网页

    我们可以定义全局样式,如背景色、文字颜色和字体大小,也可以为特定元素设置个性化的样式。同时,利用CSS动画和过渡效果,可以为壹心理网页增加动态性和互动性。 综上所述,完成“CSS的综合练习2,完成壹心理网页...

    CSS帮助文档

    2. **CSS模块化**:通过CSS Modules或CSS-in-JS方案,实现CSS组件化,避免全局样式污染。 ### 五、响应式设计 1. **媒体查询**:`@media`规则根据设备特性(如屏幕宽度)应用不同的样式,实现响应式布局。 2. **...

    web前端面试题

    - **多媒体支持**:通过`&lt;audio&gt;`和`&lt;video&gt;`标签直接在网页中嵌入音频和视频,无需第三方插件。 - **离线存储**:利用Application Cache (AppCache) 和 LocalStorage 实现离线访问和存储数据。 - **绘图功能**:...

    smi-product-pages

    在这个文件中,我们可能会看到对整个产品页面布局的全局样式定义,比如页面宽度、背景色、导航栏样式、产品卡片的样式等。例如: ```css body { margin: 0; padding: 0; font-family: Arial, sans-serif; } ....

Global site tag (gtag.js) - Google Analytics