Flex的TextArea滚动到最下方

最新推荐文章于 2023-02-21 18:42:36 发布

最新推荐文章于 2023-02-21 18:42:36 发布 · 89 阅读

文章标签：

#Flex

本文探讨了在Flex中实现消息框自动滚动到最新消息的技术细节。针对ActionScript异步执行导致的问题，提出通过监听界面更新完成事件来确保消息框在内容更新后能够正确滚动到底部。

在一些场合，比如接收到服务器方发来的一些消息需要显示的时候，通常会像一些即时通信工具一样把消息放在一个消息框里并把最后收到的消息放在消息框的底部。在Flex里面消息框首选用TextArea实现，于是有了下面的代码：

txtMessages.htmlText += "Some text goes here...";
txtMessages.verticalScrollPosition = txtMessages.maxVerticalScrollPosition;

但这段代码执行的时候却没有看到预期的效果。看到好多人都在找这个问题的答案，大家找来找去链来链去的好像都没有找到答案。其实这个问题是因为Action Script是异步的方式执行的，当第一句执行后界面还没有来得及更新第二句就紧接着执行了。解决问题的办法就是在更新完成后再执行滚动操作。

txtMessages.addEventListener(Event.UPDATE_COMPLETE, OnMessageBoxUpdateComplete);
......
private function OnMessageBoxUpdateComplete(event:Event):void {
if (txtMessages.verticalScrollPosition < txtMessages.maxVerticalScrollPosition) {
txtMessages.verticalScrollPosition = txtMessages.maxVerticalScrollPosition;
}
}