Change Image value by using RadioButton

       
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" backgroundColor="#eeeeee">

  <mx:Script>
    
      [Embed(source="logo.jpg")]
      [Bindable]
      public var flowerImage1:Class;
      [Embed(source="logo.jpg")]
      [Bindable]
      public var flowerImage2:Class;
  
  </mx:Script>

  <mx:Image id="myImage" source="{flowerGroup.selectedValue}"/>
      <mx:RadioButton value="{flowerImage1}" label="Image 1" groupName="flowerGroup" selected="true"/>
      <mx:RadioButton value="{flowerImage2}" label="Image 2" groupName="flowerGroup"/>
  <mx:RadioButtonGroup id="flowerGroup"/>
  
</mx:Application>

1.	Add RadioButton to RadioButtonGroup
2.	RadioButton click event
3.	RadioButton default value
4.	Define RadioButton control with
5.	Create RadioButton group using the RadioButtonGroup control
6.	Bind bindable variable to RadioButton
7.	Bind RadioButton to Model
8.	and three
9.	Create a RadioButtonGroup and put RadioButton into it
10.	Use radio button to change state
11.	Use style to change font size and weight for RadioButton and Label
12.	RadioButton with group name

Change Image value by using RadioButton : RadioButton « Components « Flex

Related examples in the same category