如何用代码控制滚动条的位置

 时间:2024-11-13 01:40:59

前面讲过TextArea组件的基本内容,这里讲通过代码实现类似聊天框的自动滚动到最下面文本的洲訾惨赳功能。主要知识点:滚动条的控制

工具/原料

AnimateCC软件及其它支持TextArea的FLASH软件

方法/步骤

1、打开软件,新建AS3文档。

如何用代码控制滚动条的位置

2、Ctrl+f7打开组件面板,并找到TextArea组件放到舞台上。

如何用代码控制滚动条的位置

3、设置组件实例名为txt_area

如何用代码控制滚动条的位置

4、继续从组件库里拖动一个按钮组件放到舞台上。

如何用代码控制滚动条的位置

5、设置按钮组件的实例名为btn_send,设置参数Label为发送

如何用代码控制滚动条的位置

如何用代码控制滚动条的位置

6、最后放一个输入文本,实例名为input_txt,其它设置如图所示:

如何用代码控制滚动条的位置

如何用代码控制滚动条的位置

7、在舞台主时间轴加如下代码:btn_send.addEventListener(Mo掼鸿乡羰useEvent.CLICK,SendMessage);足毂忍珩input_txt.text="";functionSendMessage(e:MouseEvent):void{ if(input_txt.text!=""){ vardate:Date=newDate(); txt_area.appendText(GetTime()+"\n"+input_txt.text+"\n"); txt_area.verticalScrollPosition=txt_area.maxVerticalScrollPosition;//将组件的滚动条移动到最下面 input_txt.text=""; }}functionGetTime():String{ vardate:Date=newDate(); varhour:int=date.getHours();//获取当前系统时间小时数 varminute:int=date.getMinutes();//获取当前系统时间分钟数 varsecond:int=date.getSeconds();//获取当前系统时间秒数 varstr:String=""; if(hour<10)//如数字小于10,则在前面加0,统一格式 { str="0"+hour+":"; }else{ str=String(hour)+":"; } if(minute<10)//如数字小于10,则在前面加0,统一格式 { str+="0"+minute+":"; }else{ str+=String(minute)+":"; } if(second<10)//如数字小于10,则在前面加0,统一格式 { str+="0"+second; }else{ str+=String(second); } returnstr;//将生成的字符串放到动态文本中}

如何用代码控制滚动条的位置

8、运行后如图所示,当滚动条出现以后,会自动滚动到最下面。

如何用代码控制滚动条的位置

如何在个人所得税APP里查询2020年度收入情况 农业银行一键缴费怎么开通 如何打印工伤保险参保证明 PCR核酸检测实验室设计方案要求 增值税申报表填错怎么办
热门搜索
铁锹图片 少女x少女x少女 狐妖小红娘漫画全集 百福图图片大全 弟子规手抄报图片