Flex的TextArea滚动到最下方

2024-01-25 05:48
文章标签 滚动 flex textarea 下方

本文主要是介绍Flex的TextArea滚动到最下方,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

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

这篇关于Flex的TextArea滚动到最下方的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/642263

相关文章

lvgl8.3.6 控件垂直布局 label控件在image控件的下方显示

在使用 LVGL 8.3.6 创建一个垂直布局,其中 label 控件位于 image 控件下方,你可以使用 lv_obj_set_flex_flow 来设置布局为垂直,并确保 label 控件在 image 控件后添加。这里是如何步骤性地实现它的一个基本示例: 创建父容器:首先创建一个容器对象,该对象将作为布局的基础。设置容器为垂直布局:使用 lv_obj_set_flex_flow 设置容器

UniApp实现漂亮的音乐歌词滚动播放效果

在现代的音乐播放应用中,歌词的展示和滚动播放已经成为了一个非常常见的功能。今天,我们将通过UniApp来实现一个漂亮的歌词滚动播放功能。我们将使用UniApp提供的组件和API来完成这个任务。 页面结构 在页面的模板部分,我们需要创建一个音频播放器和歌词展示区域。使用<scroll-view>组件来实现歌词的滚动效果。 <template><view class="audio-co

【CSS】flex布局 - 左边超过打点, 右边完整展示

场景:宽度一定的情况下右边自适应,左边被挤压。 需要的效果如下: flex 的三个参数分别对应:flex-grow、flex-shrink、flex-basis。 flex-grow:定义项目的放大比例,默认为0。即如果存在剩余空间,也不放大。flex-shrink:定义项目的缩小比例,默认为1。即如果空间不足,该项目将缩小。flex-basis:定义在分配多余空间之前,项目占据的主轴空间。

【Unity-Lua】音乐播放器循环滚动播放音乐名

前言:Unity中UI节点 图1 如上所示,一开始本来是打算用ScrollView做的,觉得直接计算对应的文本位置就行,所以没用ScrollRect来做,可以忽略Scroll,Viewport这些名字。如下图:需要在一个背景Image组件上添加上Mask组件来显示固定位置的文本显示。 图2 图3 并且需要在要显示的文本上挂载Content Size Filter组件,但是这儿会有个坑

WebAPI(二)、DOM事件监听、事件对象event、事件流、事件委托、页面加载与滚动事件、页面尺寸事件

文章目录 一、 DOM事件1. 事件监听2. 事件类型(1)、鼠标事件(2)、焦点事件(3)、键盘事件(4)、文本事件 3. 事件对象(1)、获取事件对象(2)、事件对象常用属性 4. 环境对象 this5. 回调函数 二、 DOM事件进阶1. 事件流(1)、 捕获阶段(2)、 冒泡阶段(3)、 阻止冒泡(4) 、阻止元素默认行为(5) 、解绑事件 2. 事件委托3. 其他事件(1)、页面加

【Android】NestedScrollView的简单用法与滚动冲突、滑动冲突

一、NestedScrollView 1. 什么是 NestedScrollView NestedScrollView 是 Android 中一个用于处理垂直方向滚动的布局组件,它继承自 FrameLayout,同时支持嵌套滑动(Nested Scrolling)机制。相比于传统的 ScrollView,NestedScrollView 专为解决嵌套滚动冲突问题设计,能够与其他支持嵌套滑动的子

Jquery实现广告滚动

当页面的滚动条上下移动时,飘浮广告随着滚动条的滚动而上移或者下移,要明白两点,第一:放广告的层最好采用绝对定位,它的位置应该随着滚动条的改变而上下移动,滚动条的滚动促发的是onscroll事件,广告条所在的层的top值就是滚动条的高度,具体代码如下: <html><head><meta http-equiv="Content-Type" content="text/html; charset

关于Apache Flex 4.12

[转载]Apache Flex 4.12 正式版发布 (2014-03-12 17:44:34) 转载▼ 标签: apacheflex4.12 sdk it 分类:Flash平台 原文地址:Apache Flex 4.12 正式版发布! 作者:  Dark_Stone 此文章由 周戈 (DarkStone) 原创 ,转载请注明来源! 日期: 2014-03

滚动偏移量 scroll offset

滚动偏移量 scroll offset 一、获取滚动偏移量二、滚动事件性能三、使用场景 滚动偏移量(scroll offset):文档在垂直和水平方向上滚动的距离 一、获取滚动偏移量 // 获取上下滚动偏移量const scrollTop = window.pageYOffset || document.documentElement.scrollTop || docu