码迷,mamicode.com
首页 > 其他好文 > 详细

egret GUI 文本混排+文本链接的聊天解决方案【取巧法】

时间:2015-12-12 12:23:20      阅读:184      评论:0      收藏:0      [点我收藏+]

标签:

ui方面:

技术分享
<e:Scroller verticalScrollPolicy="auto" width="468" height="620" x="6" y="110">
                <e:Group id="messageGroup">
                        <e:Label id="message_area" width="468" height="620"/>
                </e:Group>
        </e:Scroller>
View Code

使用Label的原因:TextArea不支持textFlow属性,虽然你追踪TextArea最终还是用TextField,并且你最终也可以使用TextField的textFlow属性,但是很麻烦。

套一个Group是因Label不能直接作为Scroller的viewport,然后Group外面再套一层Scroller,这样L可以上下移动Label了,当前的设置Scroller的尺寸以规定他的可视范围。

 

代码中:

技术分享
this.message_area._textField.touchEnabled = true;
this.message_area.textFlow = 你的textFlow;
this.message_area.commitProperties();
            this.message_area.height = this.message_area._textField.textHeight;
View Code

Label没有TEXTEVET.LINK事件,而Label的textField的鼠标事件又被禁止了,所以需要自己去设置textField的touchEnable为true;

然后在给Label添加textFlow之后需要即时的commitProperties(),如果不调用这个方法的话,估计需要等到下一帧textFlow才会传递到textField去,这样也拿不到他的文本高度和textFlow生效后的高度;

技术分享
var sv = this.message_area.height - scroller.height;
            if( sv > 0){
                this.messageGroup.verticalScrollPosition = sv;
                this.scroller._updateContentPosition();
            }
View Code

以上代码是当文本高度超过scroller的高度的时候主动将他滚动到最下面。

 

效果图:

技术分享

egret GUI 文本混排+文本链接的聊天解决方案【取巧法】

标签:

原文地址:http://www.cnblogs.com/adoontheway/p/5041024.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!