AS 3.0 Button navigate class

programming flash
1

Hi there,

I’m busy making a application with Actionscript 3.0 in Flash CS 4. I want to make an application with several buttons on the right side of the screens. When you click on a button de whole stage moves to the top of the page. Like this: Scroll effect

If made this scroll effect with the following code:


// importeer alle classes die je nodig hebt
import fl.transitions.Tween;
import fl.transitions.easing.*;
import fl.transitions.TweenEvent;

// zet alle pagina's op de juiste plek (check op de timeline)
var feet0X:Number = 0;
var feet0Y:Number = 768;

var feet150X:Number = 0;
var feet150Y:Number = 0;

var feet200X:Number = 0;
var feet200Y:Number = -768;

var feet250X:Number = 0;
var feet250Y:Number = -1536;


// Creeer variabelen
var xTween:Tween;
var yTween:Tween;
var inTween:Tween;
var outTween:Tween;

// Bepaal welke tween je gebruikt voor het overgaan van de pagina's
xTween = new Tween(main_mc,"x",Strong.easeInOut,main_mc.x,feet0X,2,true);
yTween = new Tween(main_mc,"y",Strong.easeInOut,main_mc.y,feet0Y,2,true);

// Bepaal de alpha van het infaden en uitfaden van de content
inTween = new Tween(main_mc.feet0_mc,"alpha",None.easeNone,1,1,.5,true);
outTween = new Tween(main_mc.feet0_mc,"alpha",None.easeNone,1,1,.5,true);

// Creeer een eventlistener voor het in en uit faden van de content
xTween.addEventListener(TweenEvent.MOTION_FINISH,fadeIn);
xTween.addEventListener(TweenEvent.MOTION_START,fadeOut);

// Creeer een eventlistener zodat de buttons klikbaar worden
feet0_btn.addEventListener(MouseEvent.CLICK, navigate);
feet150_btn.addEventListener(MouseEvent.CLICK, navigate);
feet200_btn.addEventListener(MouseEvent.CLICK, navigate);
feet250_btn.addEventListener(MouseEvent.CLICK, navigate);


// functie voor de buttons
function navigate(event:MouseEvent):void
{
	if(event.target == feet150_btn)
	{
		setTween(feet150X,feet150Y,main_mc.feet150_mc);
	}
	else if(event.target == feet200_btn)
	{
		setTween(feet200X,feet200Y,main_mc.feet200_mc);
	}
	else
	{
		setTween(feet250X,feet250Y,main_mc.feet250_mc);
	}
}

// reset alle functies
function setTween(tweenX:Number,tweenY:Number,tweenMC:MovieClip):void
{
	xTween.begin = main_mc.x;
	yTween.begin = main_mc.y;
	xTween.finish = tweenX;
	yTween.finish = tweenY;
	tweenMC.alpha = 0;
	inTween.obj = tweenMC;
	xTween.start();
	yTween.start();
	
}

function fadeIn(event:TweenEvent):void
{
	inTween.start();
	outTween.obj = inTween.obj;
}

function fadeOut(event:TweenEvent):void
{
	outTween.start();
}

xTween.stop();
yTween.stop();
inTween.stop();
outTween.stop();

Now i’m trying to make the same scroll effect by writing the codes into classes. But that’s not working yet. I’ve made a ButtonStyle class for the roll-over and roll-out effect and a ButtonSet class to set the buttons on the timeline. Mabye someone can help me to with the ButtonNavigate class to move the stage.

Any help will be appreciated.

Zip file: Download my zipfile