EUI 自动滚动的聊天文本

本文探讨了一种自动滚动聊天文本的实现方法,并讨论了在使用不同技术时遇到的问题。包括如何通过调整scrollV值使文本始终处于可见状态,以及尝试使用scroller组件结合label实现可拖动自动滚动功能时出现的局限。

 

一 自动滚动的聊天文本

当文本输入改变时,将scrollV值等于maxScrollV值。

private scrollLabel:eui.Label;
egret.Tween.
get(this.scrollLabel,{loop:true}).wait(500).call(()=>{ this.scrollLabel.text += "\n" + egret.getTimer(); console.log(this.scrollLabel.scrollV); //当前文本垂直位置 console.log(this.scrollLabel.maxScrollV); //当前scrollV最大值 this.scrollLabel.scrollV = this.scrollLabel.maxScrollV - 5; //5文本显示的行数 },this);

 

二 可以拖动的自动滚动聊天文本

 使用scroller+label方式实现

 

无法实现,因为文本只能显示为5行,5行以外的文字都不见了。

this.scrollLabel.scrollV = this.scrollLabel.maxScrollV - 5;

 

文本高度不写定,随着文字增多自行扩展。设置文本y值匹配到容器最低端,实现滚动。但是设置y值后,scroller无法拖动。原因未知。

this.scrollLabel.y = this.scroller.height - this.scrollLabel.height;

 

未完...

 

转载于:https://www.cnblogs.com/gamedaybyday/p/6248024.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值