Create a button with an icon in actionscript

Question

I want to create buttons with icons in Flex dynamically using Actionscript.

I tried this, with no success:

var closeButton = new Button();
closeButton.setStyle("icon", "@Embed(source='images/closeWindowUp.png");

Solution 1

I found an answer that works for me. In my .mxml file, I create Classes for the icons I will use:

// Classes for icons
[Embed(source='images/closeWindowUp.png')]
public static var CloseWindowUp:Class;
[Embed(source='/images/Down_Up.png')]
public static var Down_Up:Class;
[Embed(source='/images/Up_Up.png')]
public static var Up_Up:Class;

In the Actionscript portion of my application, I use these classes when dynamically creating buttons:

var buttonHBox:HBox = new HBox();
var closeButton:Button = new Button();
var upButton:Button = new Button();
var downButton:Button = new Button();

closeButton.setStyle("icon", SimpleWLM.CloseWindowUp);
buttonHBox.addChild(closeButton);

upButton.setStyle("icon", SimpleWLM.Up_Up);
buttonHBox.addChild(upButton);

downButton.setStyle("icon", SimpleWLM.Down_Up);
buttonHBox.addChild(downButton);

Solution 2

You can use this one option of dynamic change of button icon.

Embed your icons

[Embed(source='com/images/play.png')]
[Bindable]
public var imagePlay:Class; 

[Embed(source='com/images/pause.png')]
[Bindable]
public var imagePause:Class;

Using one button to toggle play and pause of video

private function playpause():void
{
    if (seesmicVideo.playing)
    {
        seesmicVideo.pause();
        btn_play.setStyle("icon",imagePlay);
    }
    else
    {
        seesmicVideo.play();
        btn_play.setStyle("icon",imagePause);
    }
}        

Solution 3

The error is in the quotes, there should be no quotes around the @Embed:

closeButton.setStyle("icon", @Embed(source="images/closeWindowUp.png"));

Solution 4

I was able to use an icon in my button with the following code:

<mx:Button id="buttonPlay" label="Play" click="playButtonClicked();" enabled="false" icon="@Embed('./play.png')"/>

the file play.png is in the same folder of the mxml file.

I am using Flash Builder version 4.6.

Edit: the question was about ActionScript and not MXML, but I leave this answer just for reference.

View more solutions

Comments

[edam]

For me, this just gives the following error: 1041: Attributes are not callable.. I'm using Flex 3, though.