Customize Styles at Runtime

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

    <mx:Script>
        
            private function changeColor():void
            {
                holder.setStyle( "backgroundColor", getRandomColor() );
                labelField.setStyle( "color", getRandomColor() );
            }
            private function getRandomColor():uint
            {
                return randomValue() << 16 ^ randomValue() << 8 ^ randomValue();
            }
            private function randomValue():Number
            {
                return (Math.random() * 512) - 255;
            }
      
    </mx:Script>
    <mx:VBox id="holder" width="200" height="200">
        <mx:Label id="labelField" text="Hello Flex!" styleName="header" />
        <mx:Button label="Change" click="changeColor();" />
    </mx:VBox>
</mx:Application>

Related examples in the same category

1.	Apply effects with ActionScript and not use styles
2.	Alternate WipeRight and WipeLeft effects for the mouseDownEffect style of a Button control
3.	Using a local stylesheet to decouple the style implementation
4.	Using the plain style
5.	Applying behaviors in MXML using styles
6.	Applying behaviors in ActionScript using styles
7.	Local style definitions
8.	Inline styles
9.	Get style declaration for control
10.	Flex Style with namespace
11.	Flex supports both camel-case and hyphenated syntax in style sheets
12.	Set style declaration for multiple component
13.	Basic Inheritance for style
14.	Extensible style properties
15.	Get style and convert style value to string
16.	Using inline styles
17.	Call a method when the style sheet finishes loading
18.	Applying skins by using the Style Manager
19.	Apply style to global
20.	Unload style declaration
21.	Use style from style option
22.	Compare the style of controls
23.	Set all styles in MXML as tag attributes.
24.	Applying styles by binding tag definitions
25.	setting the values of the gutterLeft, gutterRight, and gutterBottom style properties. It also sets the paddingTop property to 20.
26.	Apply axisTitleStyleName property without specifying it
27.	Override Base Style Properties
28.	Component styles
29.	Click to change style
30.	Compiled styles
31.	Setting And Getting Styles
32.	Styles SubComponents
33.	Set various styles on the text
34.	Styled Link Element
35.	Use ActionScript to set Styles
36.	To make development easier, however, Flex supports both the camel-case and hyphenated syntax in style sheets
37.	Data Tip Styles
38.	Inheritable Style
39.	Define MyStyle style and applies that style to the elements on the horizontal axis

Customize Styles at Runtime : Style « Style « Flex

Related examples in the same category