Solved

Spacing Dynamic TextFields Y axis in AS3

Posted on 2008-06-10
3
1,147 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

There are times in your Flash CS4 application when you want more than a simple pointer or a hand, and it's hard to find an ideal walk-through to tell you what to do.  I spent a few days recently learning my way around making custom cursors in Flash,…
The last time I worked with Flash and Socket connections was in AS1. A recent project required flash connecting to a Socket, and sending receiving information - we figured it would be easy enough - we all know about the socket policy documents and c…
The goal of the tutorial is to teach the user how to set there setting in Adobe Flash Media Live Encoder and YouTube for optimal video and audio quality.
The goal of the tutorial is to teach the user how to select the video input device. Make sure you have an input device that in connected and work and recognized by Adobe Flash Media Live Encoder and select it in the “video input” menu.
Suggested Courses

751 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