Using custom images for radiobuttons

Question

Hi
I'm looking for help with creating a radio buttons with external images (fetched from XML/Javascript file) cause, I don't want to use standard looking radio buttons from components. I wish to use different images for each state of the button.
Any one can help me with some ideas how to change look of then radio buttons?

Answer 1

To manage homegrown radiobuttons as a group, you would incorporate an event listener function that manages the group.  That function would know which radio button was selected via the event target and would act to reset all of the other radios while setting the one selected.  I don't have a specific AS3 example, but below is a rough draft of the function/scenario.  In this, I am using 3 radio buttons that have numerically differentiated instance names (rb1, rb2, rb3)...
var selectedRadio:MovieClip;
function manageRadios(evt:MouseEvent){
     // first reset all radios
     for(var i:uint = 1; i<4; i++){
          this["rb"+String(i)].gotoAndStop(1);  // frame displaying deselected state
     selectedRadio = MovieClip(evt.currentTarget);
     selectedRadio.gotoAndStop(2);           // frame displaying selected state
     trace(selectedRadio.name);
rb1.addEventListener(MouseEvent.CLICK, manageRadios);
rb2.addEventListener(MouseEvent.CLICK, manageRadios);
rb3.addEventListener(MouseEvent.CLICK, manageRadios);
In this case, each radio button is simply a two framed movieclip, with stops for each frame... frame 1 displays the unselected state, and frame 2 displays the selected state.
For the code shown, I include an external variable (selectedRadio) that can be used to target information related to the selected Radio button.  So if you assigned each radio with a variable (let's say you name it varName) that would hold data to be used in the processing elsewhere, you can get it using: selectedRadio.varName