Comments on: Coding MovieClips as Buttons in AS3

By: Thales

Thales — Wed, 26 Nov 2008 18:23:10 +0000

Man, i am braziliam sorry for my bad english, i have a big question for you, for example:

i have 4 buttons and when i click in the first all of then excpect the clicked must be activate and going to frame 1 .
when i clicked in the 2 button bt1,bt3,bt4 must be desactivated..i know that in the actionscript 2 but in 3 i dont know and i dont find the code in the foruns!

can you help me? or You understand what i wrote? huehue.

thanks men

By: Ryan

Ryan — Tue, 10 Jun 2008 13:50:37 +0000

Bachtiar:

“this.mouseChildren = false” just solved so many of my problems. I don’t know why that was so hard for me to find. Thanks.

By: Carlos

Carlos — Thu, 15 May 2008 13:01:00 +0000

Man - i have just started to work with Flash and AS3 and this small “button” tutorial realy helped me a lot!
Thanks pal!

Greetings from Hamburg in Germany,
Carlos

By: Bachtiar Rahady

Bachtiar Rahady — Mon, 11 Feb 2008 06:48:24 +0000

There is another think.. if You have the children inside those buttonMode MovieClip (eg: TextField, for label), You have to set it’s mouse interaction to false, otherwise, whenever the mouse over it, it will back to pointer cursor, not handcursor.

The script will look like this:

private function initMovieButton():void {
this.buttonMode = true;
this.useHandCursor = true;
this.mouseChildren = false;
}

By: Jake Chapa

Jake Chapa — Wed, 12 Dec 2007 06:07:20 +0000

here’s an EasyButton class I created that will let you do this much quicker. To apply it to an item on stage, give it the base class of ‘EasyButton’ and class of ‘EasyButton.instanceName’

-Jake

package
{
import flash.display.*;
import flash.events.*;
import flash.text.*;

public class EasyButton extends MovieClip
{
private var __onClick:Function;

public function EasyButton()
{
__onClick = function(){};

this.buttonMode = true;
this.useHandCursor = true;

this.addEventListener(MouseEvent.CLICK, __onClick);
this.addEventListener(MouseEvent.MOUSE_OVER, onMouseOver);
this.addEventListener(MouseEvent.MOUSE_OUT, onMouseOut);
this.addEventListener(MouseEvent.MOUSE_DOWN, onMouseDown);
this.addEventListener(MouseEvent.MOUSE_UP, onMouseUp);

this.gotoAndStop(”up”); // initial state
}

public function set onClick(func:Function):void
{
this.removeEventListener(MouseEvent.CLICK, __onClick);
__onClick = func;
this.addEventListener(MouseEvent.CLICK, __onClick);
}

public function get onClick():Function
{
return __onClick;
}

function onMouseOver(event:Event):void
{
this.gotoAndStop(”over”);
}

function onMouseOut(event:Event):void
{
this.gotoAndStop(”up”);
}

function onMouseDown(event:Event):void
{
this.gotoAndStop(”down”);
}

function onMouseUp(event:Event):void
{
this.gotoAndStop(”up”);
}
}
}