前面讲过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、运行后如图所示,当滚动条出现以后,会自动滚动到最下面。