Is it possible to use the UIscrollbar to scroll a textFlow?

Hi,

I need to add a scroll bar to a textFlow and I was wondering if it’s possible to use the UIscrollbar component to do this.

Here is my code:



import flashx.textLayout.container.ContainerController;
import flashx.textLayout.elements.ParagraphElement;
import flashx.textLayout.elements.SpanElement;
import flashx.textLayout.elements.LinkElement;
import flashx.textLayout.elements.TextFlow;
import flashx.textLayout.formats.*;
import flashx.textLayout.conversion.*;
import flashx.textLayout.events.FlowElementMouseEvent;
import fl.text.TLFTextField;
import fl.controls.UIScrollBar;
import flash.display.Bitmap;
import flash.display.BitmapData;
import flash.display.Sprite;
import flashx.textLayout.formats.TextJustify;
import flash.text.TextFieldAutoSize;
import flash.text.TextFormat;
import flashx.textLayout.events.TextLayoutEvent;


var str1:String=
	"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.";



var textContainer:TLFTextField = new TLFTextField();

textContainer.x = 100;

textContainer.y = 74;

textContainer.width = 465;

textContainer.height = 420;

addChild(textContainer);




var scroller:UIScrollBar = new UIScrollBar(); 
scroller.move(textContainer.x + textContainer.width, textContainer.y ); 
scroller.height = textContainer.height; 
scroller.scrollTarget = textContainer; 
addChild(scroller);
scroller.visible = true;


var txtFlow:TextFlow = new TextFlow();

txtFlow.columnCount = 1;

txtFlow.columnGap = 0;

txtFlow.color = 0x666666;

txtFlow.fontFamily = "Helvetica Neue"

txtFlow.fontSize = 12;

txtFlow.paragraphSpaceBefore = 0;

txtFlow.paragraphSpaceAfter = 20;

txtFlow.lineBreak = LineBreak.TO_FIT;

txtFlow.paddingBottom = 0;

txtFlow.paddingLeft = 0;

txtFlow.paddingRight = 0;

txtFlow.paddingTop = 0;

txtFlow.verticalAlign = VerticalAlign.TOP;

txtFlow.tracking = .75

txtFlow.lineHeight = 20

txtFlow.textJustify = TextJustify.DISTRIBUTE;

txtFlow.textAlign = TextAlign.JUSTIFY




var txtFormat:TextLayoutFormat = new TextLayoutFormat();

txtFormat.color = 0x666666;

txtFormat.fontSize = 12;

txtFormat.lineHeight = 20

txtFormat.textJustify = TextJustify.DISTRIBUTE;

txtFormat.textAlign = TextAlign.JUSTIFY


var p1:ParagraphElement = new ParagraphElement();

var span1:SpanElement = new SpanElement();

span1.text = str1;

p1.addChild(span1);

txtFlow.addChild(p1);

txtFlow.flowComposer.addController(new ContainerController(textContainer, 465, 420));

txtFlow.flowComposer.updateAllControllers();



My code for the scrollbar doesn’t work :frowning:



var scroller:UIScrollBar = new UIScrollBar(); 
scroller.move(textContainer.x + textContainer.width, textContainer.y ); 
scroller.height = textContainer.height; 
scroller.scrollTarget = textContainer; 
addChild(scroller);
scroller.visible = true;


Could you please help?

Best,

acto