在一些场合,比如接收到服务器方发来的一些消息需要显示的时候,通常会像一些即时通信工具一样把消息放在一个消息框里并把最后收到的消息放在消息框的底部。在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;
}
}