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
Solved

Spacing Dynamic TextFields Y axis in AS3

Posted on 2008-06-10
3
1,145 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

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering 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

Introduction This article is primarily concerned with ActionScript 3 and generally specific to AVM2.  Most suggestions would apply to ActionScript 2 as well, and I've noted those tips that differ between AS2 and AS3. With the advent of ActionS…
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…
The goal of the tutorial is to teach the user how to how to load their YouTube profile onto Flash Media Live Encoder.
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.

840 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