as3 Dynamic text add tweens.
Hello. There's the situation - I'm trying to create the dynamic xml main menu with the sublinks generated by xml. It's seemes to be ok with the menu. But there's the only thing that makes me stuck - I can't get a glue of how to add the tween to the submenue's text on mouse over? I'd like it to change the font size easily, not instantly like it is now.
Here's the code:
import flash.text.*;
import flash.media.*;
import flash.display.*; // (Sprite, Graphics, Shape)
import flash.display.LoaderInfo;
import flash.events.*;
import flash.net.*;
import com.greensock.*;
import com.greensock.easing.*;
import caurina.transitions.*;
import com.utils.CallArg;
//import com.chewtinfoil.utils.StringUtils;
//backPanelMain.visible = false;
backPanelMain.alpha = 0;
// Initial Variables for centering the mainlinks
var mainLinkLeftMargin:Number = 700;
var mainLinkPadding:Number = 200;
var subLinkLeftMargin:Number = 500;
var subLinkPadding:Number = 3;
// FORMATTING TextFields
var textFormatMain:TextFormat = new TextFormat();
textFormatMain.color = 0xffffff;
textFormatMain.size = 11;
textFormatMain.align = TextFormatAlign.CENTER;
textFormatMain.letterSpacing = -0.5;
textFormatMain.bold = true;
textFormatMain.font = "Tahoma, Verdana";
var textFormatMainUp:TextFormat = new TextFormat();
textFormatMainUp.color = 0xc6c5a9;
textFormatMainUp.size = 11;
textFormatMain.align = TextFormatAlign.CENTER;
textFormatMainUp.letterSpacing = -0.5;
textFormatMainUp.bold = true;
textFormatMainUp.font = "Tahoma, Verdana";
var textFormatSub:TextFormat = new TextFormat();
textFormatSub.color = 0x333333;
textFormatSub.size = 10;
textFormatSub.align = TextFormatAlign.CENTER;
textFormatSub.letterSpacing = -1.1;
textFormatSub.bold = true;
textFormatSub.font = "Verdana,Tahoma";
var textFormatSubUp:TextFormat = new TextFormat();
textFormatSubUp.color = 0x959A77;
textFormatSubUp.size = 11;
textFormatSub.align = TextFormatAlign.CENTER;
textFormatSubUp.letterSpacing = -1.1;
textFormatSubUp.bold = true;
textFormatSubUp.font = "Verdana,Tahoma";
stop();
// general settings
var xmlFilename:String = "mainmenu.xml";
var xmlList:XMLList;
var xmlLoader:URLLoader = new URLLoader();
var xml:XML;
xmlLoader.load(new URLRequest(xmlFilename));
xmlLoader.addEventListener(Event.COMPLETE, xmlLoaded);
var myIconsArray:Array = new Array();
function xmlLoaded(event:Event):void
{
xml = XML(event.target.data);
xmlList = xml.children();
for (var i:int =0 ; i<xmlList.length() ; i++)
{
// for the first element there is no previous textfield inserted
if (i==0)
{
createMainText(xmlList[i].attribute("title"), xmlList[i].attribute("link") , mainLinkLeftMargin , 0 , 0 );
createSublinks(xmlList,i);
}
else
{
// Create the text field getting positioning setting form the previous textField inserted
createMainText(xmlList[i].@title, xmlList[i].attribute("link") ,getChildByName("mainLink"+(i-1).toString()).width + 15 + getChildByName("mainLink"+(i-1).toString()).x + subLinkPadding, 0 , i );
createSublinks(xmlList,i);
}
}
// effect
Tweener.addTween(backPanelMain, {alpha:1, time:2, transition:"strong"});
stage.addEventListener(Event.MOUSE_LEAVE, hideAllSubLinks);
}
function createMainText(mainText:String, mainLink:String, xPosition:Number, yPosition:Number, indexNumber:Number):void{
var dynText:TextField = new TextField();
dynText.name = "mainLink" + indexNumber.toString();
dynText.selectable = false;
dynText.x = xPosition;
dynText.y = yPosition;
dynText.autoSize = TextFieldAutoSize.LEFT;
dynText.text = mainText;
dynText.setTextFormat(textFormatMain);
addChild(dynText);
setChildIndex(dynText,numChildren - 1);
//getChildByName("mainLink" + indexNumber.toString()).addEventListener(MouseEven t.MOUSE_OVER, subLinksShow(indexNumber));
dynText.addEventListener(MouseEvent.MOUSE_OVER, subLinksShow);
dynText.addEventListener(MouseEvent.MOUSE_OVER, buttonModeTrue);
dynText.addEventListener(MouseEvent.MOUSE_OUT, buttonModeFalse);
getChildByName("mainLink" + indexNumber.toString()).addEventListener(MouseEven t.CLICK, CallArg.create(gotoSub, mainLink));
}
function buttonModeTrue(event:Event):void
{
event.target.setTextFormat(textFormatMainUp);
}
function buttonModeFalse(event:Event):void
{
event.target.setTextFormat(textFormatMain);
}
function createSublinks(xmlList:XMLList, indexSub:Number):void{
for (var i:int =0 ; i<xmlList[indexSub].sublink.length() ; i++)
{
if (i==0)
{
createSublink(xmlList[indexSub].sublink[i].@title, xmlList[indexSub].sublink[i].@link, -3, subLinkLeftMargin ,indexSub ,i);
}
else
{
createSublink(xmlList[indexSub].sublink[i].@title, xmlList[indexSub].sublink[i].@link, -3, getChildByName("sublink" + (indexSub).toString() + "_" + (i-1).toString()).width + getChildByName("sublink" + (indexSub).toString() + "_" + (i-1).toString()).x + subLinkPadding ,indexSub ,i);
}
}
}
function createSublink(textSub:String, linkSub:String, positionY:Number,positionX:Number, mainIndexNumber:Number,subIndexNumber:Number ):void{
var dynTextSub:TextField = new TextField();
dynTextSub.name = "sublink" + mainIndexNumber.toString() + "_" + subIndexNumber.toString();
dynTextSub.selectable = false;
dynTextSub.x = positionX;
dynTextSub.y = positionY;
dynTextSub.autoSize = TextFieldAutoSize.LEFT;
dynTextSub.text = textSub;
dynTextSub.setTextFormat(textFormatSub);
addChild(dynTextSub);
setChildIndex(dynTextSub,0);
getChildByName( "sublink" + mainIndexNumber.toString() + "_" + subIndexNumber.toString()).addEventListener(MouseE vent.CLICK, CallArg.create(gotoSub, linkSub));
dynTextSub.addEventListener(MouseEvent.MOUSE_OVER, buttonModeSubTrue);
dynTextSub.addEventListener(MouseEvent.MOUSE_OUT, buttonModeSubFalse);
}
function buttonModeSubTrue(event:Event):void
{
event.target.setTextFormat(textFormatSubUp);
}
function buttonModeSubFalse(event:Event):void
{
event.target.setTextFormat(textFormatSub);
}
function gotoSub(_event:Event, link):void
{
navigateToURL(new URLRequest(link), "_self");
//trace(link);
}
function subLinksShow(event:Event):void
{
var indexMain:Number = Number(event.target.name.replace("mainLink",""));
var subChild:Number;
//hide all other Sublinks which index is nor indexMain
for(var k:Number = 0 ; k < xmlList.length() ; k++)
{
if (k!=indexMain)
{
for( var j2:Number = 0; j2 < xmlList[k].sublink.length(); j2++)
{
Tweener.addTween(getChildByName("sublink" + k.toString() + "_" + j2.toString()), {alpha: .1, y:0, time:1.1, transition:""});
}
}
}
// find the Sublinks and show them
for( var j:Number = 0; j < xmlList[indexMain].sublink.length(); j++)
{
Tweener.addTween(getChildByName("sublink" + indexMain.toString() + "_" + j.toString()), {alpha: 1, y:15, time:0.8, transition:""});
}
}
function hideAllSubLinks(event:Event):void
{
for(var k:Number = 0 ; k < xmlList.length() ; k++)
{
for( var j:Number = 0; j < xmlList[k].sublink.length(); j++)
{
Tweener.addTween(getChildByName("sublink" + k.toString() + "_" + j.toString()), {alpha: .1, y:0, time:4, transition:""});
}
}
}
Thanx in advance.
