How to link an image to a button in Flash Builder 4

Question

I am new to Flash Builder 4 and have trouble to link an image to a button in Flash Builder 4.
For example, I want an image of a round green button to replace the default retangle button in Flash Builder 4.
Can anyone help me up?
Thanks

Answer 1

You could also use the mx:Image control and just add a click event handler:
function(){return A.apply(null,[this].concat($A(arguments)))}
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
        xmlns:s="library://ns.adobe.com/flex/spark"
        xmlns:mx="library://ns.adobe.com/flex/mx"
        width="500" height="400">
    <fx:Script>
        <![CDATA[
            import mx.controls.Alert;
            protected function image1_clickHandler(evt:MouseEvent):void {
                Alert.show("You clicked the image");
        ]]>
    </fx:Script>
    <mx:Image source="http://helpexamples.com/flash/images/image1.jpg"
            click="image1_clickHandler(event);" />
</s:Application>