styleManager动态改变样式

最新推荐文章于 2025-08-06 13:47:40 发布

转载最新推荐文章于 2025-08-06 13:47:40 发布 · 326 阅读

本文介绍了一个使用Flex框架的应用实例，展示了如何通过ActionScript动态地更改应用程序中元素的样式。包括了全局样式设置、特定类型控件样式的修改以及特定类样式的调整。通过一个具体的例子——点击按钮改变文字颜色来说明这些概念。

http://www.freesitesource.com/2009/0305/542.html

Code
<?xml version="1.0"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

    <mx:Style>
        .myStyle {
            color: red;
        }
    </mx:Style>

    <mx:Script><![CDATA[
        import mx.styles.StyleManager;

        public function initApp(e:Event):void {
            /* Type selector; applies to all Buttons and subclasses of Button. */
            StyleManager.getStyleDeclaration("Button").setStyle("fontSize",24);

            /* Class selector; applies to controls using the style
               named myStyle. Note that class selectors must be prefixed
               with a period. */
            StyleManager.getStyleDeclaration(".myStyle").setStyle("color",0xCC66CC);

            /* Global style: applies to all controls. */
            StyleManager.getStyleDeclaration("global").setStyle("fontStyle","italic");
        }
        private function changebt(evt:MouseEvent):void
        {
            StyleManager.getStyleDeclaration(".myStyle").setStyle("color",0xffff00);
        }
    ]]></mx:Script>

    <mx:Button id="myButton" click="changebt(event)" label="Click Me" styleName="myStyle"/>

    <mx:Label id="myLabel" text="This is a label." styleName="myStyle"/>

</mx:Application>