Skip to main content
A
AmandaLyn_A
Participant
March 19, 2011
Question

Dynamically flip wordwrap property on TLF text field

  • March 19, 2011
  • 1 reply
  • 784 views

Hi,

I tried posting this to Stackoverflow first, but no one has found a solution so I thought I'd try posting it here.  I am using Flash CS5 and Actionscript 3.

I need to dynamically (in response to an event) flip the wordWrap property of a TLFTextField from true to false and vice versa. I had it working with the old TextField class, but I I can't get it to work with TLF.

I declare my field and set it up like so, with wordWrap set to true:

this.field = new TLFTextField();
field.multiline = true;
field.wordWrap = true;
field.autoSize = TextFieldAutoSize.LEFT;

field.tlfMarkup = my_content;

this.addChild(field);
var myTextFlow:TextFlow = field.textFlow;
myTextFlow.hostFormat = format; //format is a TextLayoutFormat declared earlier
myTextFlow.flowComposer.updateAllControllers();

To change the word wrapping, I've tried the following:

field.wordWrap = false;
field.multiline = false;
var myTextFlow:TextFlow = field.textFlow;
myTextFlow.flowComposer.updateAllControllers();

But this has no effect - the text stays wrapped. Can anyone tell me what I'm missing?

I do need the AutoSize.LEFT property in order to set the height of the field properly (I'm only specifying width, and need the height of the field to match the text exactly for some effects I'm doing). What I'm trying to achieve is shown below, where the lines indicate the bounds of the text field. I need to switch between states 1 and 2.

1.

______________________

|Here is some text. It is    |

|word wrapped.                |

--------------------------------------

2.

______________________

|Here is some text. It is wo|rd wrapped                

|                                     |

--------------------------------------

Thanks in advance,

Amanda

This topic has been closed for replies.

1 reply

J
Adobe Employee
Jin-Huang
Adobe Employee
March 21, 2011

Hi Amanda,

I usually use TLF directly not through TLFTextField.

You can try the code below:

   var config:Configuration = new Configuration();
   var textLayoutFormat:TextLayoutFormat = new TextLayoutFormat();
   textLayoutFormat.fontSize = 24;


   textLayoutFormat.lineBreak = "explicit"; // *explicit*,*toFit*,*inherit* ------*explicit* is not wrap,while *toFit* is wrap

   config.textFlowInitialFormat = textLayoutFormat;
  
   var textFlow:TextFlow = new TextFlow(config);
   var p:ParagraphElement = new ParagraphElement();
   var span:SpanElement = new SpanElement();
   span.text = "Hello, World!";
   p.addChild(span);
   textFlow.addChild(p);
  
   var container:Sprite = new Sprite();
   var controller:ContainerController = new ContainerController(container,50,200);
   textFlow.flowComposer.addController(controller);
  
   this.addChild(container);
   textFlow.flowComposer.updateAllControllers();

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices