Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1154
  • Last Modified:

Spacing Dynamic TextFields Y axis in AS3

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
rgarimella
Asked:
rgarimella
  • 2
1 Solution
 
SamuelRostolCommented:
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
 
SamuelRostolCommented:
Oops, the attachment didn't attach - here it is :)
TextPositioning.fla.zip
0
 
rgarimellaAuthor Commented:
Perfect

Thanks so much

RG
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now