如何以编程方式滚动到mx的底部：Flex中的TextArea？

Question

考虑以下mx：TextArea ..

<mx:TextArea id="textArea"/>

..使用..

定期更新新的文字行

textArea.text += newLineBeingAdded + "\n";

..如何确保将textarea向下滚动到底部，以便添加的最后一行对用户可见？

Answer 1

添加文本集

后

callLater(scrollToEnd);

....

function scrollToEnd():void {
   textArea.verticalScrollPosition = int.MAX_VALUE;
}

它应滚动到最后。

比callLater更好的方法是使用invalidateProperties / commitProperties。

Answer 2

我不知道使用Halo TextArea显式执行此操作的方法，但Spark TextArea有一个scrollToRange方法，在此上下文中可能对您有用。如果您不想使用Spark组件，另一种方法是使用Halo List组件并将每个新行添加为List的数据提供程序中的新项。每次添加到数据提供程序后，您都可以在List上调用scrollToIndex以确保新项目可见。希望有所帮助。

Answer 3

该代码适用于Flash Builder 4.5.1：

chatroom.scrollToRange(int.MAX_VALUE, int.MAX_VALUE); 

Answer 4

将光标放在文本的末尾。那也应该滚动显示光标：

textArea.selectionBeginIndex =  textArea.text.length;
textArea.selectionEndIndex =  textArea.text.length;