Color Format with StyleManager : StyleManager « Style « Flex





Color Format with StyleManager

Color Format with StyleManager
         

<!--
Code from Flex 4 Documentation "Using Adobe Flex 4".

This user guide is licensed for use under the terms of the Creative Commons Attribution 
Non-Commercial 3.0 License. 

This License allows users to copy, distribute, and transmit the user guide for noncommercial 
purposes only so long as 
  (1) proper attribution to Adobe is given as the owner of the user guide; and 
  (2) any reuse or distribution of the user guide contains a notice that use of the user guide is governed by these terms. 
The best way to provide notice is to include the following link. 
To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-sa/3.0/

-->



<!-- styles/ColorFormatStyleManager.mxml -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
    xmlns:mx="library://ns.adobe.com/flex/mx"
    xmlns:s="library://ns.adobe.com/flex/spark"
    creationComplete="initApp()">
    <fx:Script> 
        public function initApp():void { 
            styleManager.getStyleDeclaration("spark.components.Button").setStyle("color","Blue"); 
        } 
        public function changeStyles(e:Event):void { 
            // Check against "255" here, because that is the numeric value of "Blue". 
            if (e.currentTarget.getStyle("color") == 255) { 
                e.currentTarget.setStyle("color", "Red"); 
            } else { 
                e.currentTarget.setStyle("color", "Blue"); 
            } 
        } 
      </fx:Script>
    <s:Button id="myButton" label="Click Here"
        click="changeStyles(event)" />
</s:Application>

   
    
    
    
    
    
    
    
    
  










Related examples in the same category

1.To remove a CSSStyleDeclaration object, use StyleManager.clearStyleDeclaration()To remove a CSSStyleDeclaration object, use StyleManager.clearStyleDeclaration()
2.Use StyleManager.loadStyleDeclarations() to load CSS-based SWF file at run timeUse StyleManager.loadStyleDeclarations() to load CSS-based SWF file at run time
3.Adding global CSS styles with StyleManagerAdding global CSS styles with StyleManager
4.Set the fontSize style to 15 and the color to 0x9933FF on all Button controls in the Spark namespaceSet the fontSize style to 15 and the color to 0x9933FF on all Button controls in the Spark namespace
5.Loadng a style sheet when you click the buttonLoadng a style sheet when you click the button
6.Use StyleManager to apply styles to all classes or specified classesUse StyleManager to apply styles to all classes or specified classes
7.Load and unload style with StyleManagerLoad and unload style with StyleManager
8.ColorFormat StyleManagerColorFormat StyleManager
9.Store selectorss names that are registered with the StyleManager in an Array.Store selectorss names that are registered with the StyleManager in an Array.
10.Using Embedded gif image with StyleManagerUsing Embedded gif image with StyleManager
11.Use hexadecimal format or the VGA color nameUse hexadecimal format or the VGA color name
12.Compare Color value after convert color value to string value with Color.toString()Compare Color value after convert color value to string value with Color.toString()