setStyle() and getStyle() methods Example

Home Tutorial Flex Flex4 Components setStyle() and getStyle() methods Example

setStyle() and getStyle() methods Example
Posted on: June 1, 2010 at 12:00 AM

If user want to set style properties at the run time, the action script provide two methods to access the object of the related components and access the style property.

setStyle() and getStyle() methods example in Flex4:-

If user want to set style properties at the run time, the action script provide two methods to access the object of the related components and access the style property. This method should be used only when you are changing an object?s styles during run time. In this example user can see how to use setStyle() and getStyle() method in your application for the components.

Example:-

<?xml version="1.0"?>

<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><![CDATA[

public function initApp():void {

text1.setStyle("fontSize",13);

text1.setStyle("color",0x00CCFF);

text1.setStyle("fontWeight","bold");

text1.setStyle("fontThickness",10);

label1.text=text1.getStyle("fontThickness");

label2.text=text1.getStyle("fontWeight");

}

]]>

</fx:Script>

<s:VGroup>

<mx:Text id="text1" text="This is text control"/>

<s:Label id="label1"/>

<s:Label id="label2"/>

</s:VGroup>

</s:Application>

In this example we have created a mx text control and two spark label components and created a method name is initApp() in the action script. The method initApp() call after application creation and set the style properties by setStyle() method through the components instance of objects. After that used getStyle() method to find the style properties for the component and set these properties value as a text for the label components.

Output:-

Download this code

Related Tags for setStyle() and getStyle() methods Example:

«Previous Index Next»

Ask Questions?

If you are facing any programming issue, such as compilation errors or not able to find the code you are looking for.

Ask your questions, our development team will try to give answers to your questions.

Tutorial Topics