Solved

Spacing Dynamic TextFields Y axis in AS3

Posted on 2008-06-10
3
1,144 Views
Last Modified: 2011-10-19
Hi Folks,

I was trying to position the text dynamically, especially the y axis.

I want that there should be always 40 pixels difference between all the textfields irrespective of their height.

How do I get the calculation/logic so that y and 40 pixel difference is calculated from the last line of the text of the previous text field.

Thanks

RG

The code below shows 40 pixel difference but does not calulcate the height of the TextField.
var tTimer:Timer = new Timer(50, 1); // adding a new timer that will trigger ONCE
tTimer.addEventListener("timer", positionText); // Adding a listener, that will trigger after the estimated time (50ms)
tTimer.start(); // initialising the timer
 
 
function positionText(event:TimerEvent):void {
    for(var i:int = 0; i < _totalDistractors ; i++) {
		//*******
		var taradioButtoni:TextField = new TextField();
 
		taradioButtoni.multiline = true;
		taradioButtoni.wordWrap= true ;
		taradioButtoni.text = answerChoices[i];
		taradioButtoni.width = 380;
 
		taradioButtoni.x = 60;
		taradioButtoni.y = answerY + i*(taradioButtoni.textHeight + 40);
		trace("y " + taradioButtoni.y);
 
		addChild(taradioButtoni);
	}
}

Open in new window

0
Comment
Question by:rgarimella
  • 2
3 Comments
 
LVL 12

Accepted Solution

by:
SamuelRostol earned 500 total points
ID: 21757497
Hi there,

I would add each textfield to an array, so that I allways can find the previous textfield. Then I would ask for the previous textfields y-position and textHeight, and then position the current textfield according to that.

The attached code should do it for you :) I have also attached a source so that you can check out how I solved the problem (but the code has been slightly rewritten), just rename the zipped file from .txt to .fla.

Good luck!
Kindly,
Samuel


var aTextFields = new Array(); // Adding a array to keep track of textfields
var iDistanceBetween = 40; // Variable keeping the distance between textfields
 
 
function createText(event:TimerEvent):void {
    for(var i:int = 0; i < _totalDistractors ; i++) {
		//*******
		var taradioButtoni:TextField = new TextField();
		aTextFields.push(taradioButtoni); // Adding the textfield to array
		
		taradioButtoni.multiline = true;
		taradioButtoni.wordWrap= true ;
		taradioButtoni.text = answerChoices[i];
		taradioButtoni.width = 380;
 
		taradioButtoni.x = 60;
		// Setting y-position according to previous textfield
		if (i > 0) {
			aTextFields[i].y = aTextFields[(i-1)].y + aTextFields[(i-1)].textHeight + iDistanceBetween;
		}
		// Setting first textfield to answerY-position
		else aTextFields[i].y = answerY;
		
		addChild(taradioButtoni);
	}	
}

Open in new window

0
 
LVL 12

Expert Comment

by:SamuelRostol
ID: 21757500
Oops, the attachment didn't attach - here it is :)
TextPositioning.fla.zip
0
 

Author Comment

by:rgarimella
ID: 21759982
Perfect

Thanks so much

RG
0

Featured Post

VMware Disaster Recovery and Data Protection

In this expert guide, you’ll learn about the components of a Modern Data Center. You will use cases for the value-added capabilities of Veeam®, including combining backup and replication for VMware disaster recovery and using replication for data center migration.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Recently, I was asked to recommend a tracking system to be implemented on a clients website. As the entire site was built on flash, my first thought was to suggest custom built tracking system. However, our company at that point of time didn't h…
Here are some practices and techniques that can be adopted into your Flash/Flex application development process. Note: Not all "performance tips" provide an immediately-recognizable benefit.   This article does not include timing validation data,…
In this tutorial viewers will learn how to create a basic motion tween animation in Flash Open a new document in Flash: Draw/import an image: Press CTRL + F8 to convert it into a graphic symbol: Select a frame (how long you want the tween to last): …
The goal of the tutorial is to teach the user what frame rate is, how to control it and what effect it has on the video.

777 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question