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

egret 示例实战六:延迟操作,实现打字效果

时间:2018-07-10 15:56:48      阅读:1746      评论:0      收藏:0      [点我收藏+]

标签:child   color   ffffff   elf   function   alt   append   touch   scom   

1.建立TextField对象

 1 /**建立文本对象 */
 2         this.txt = new egret.TextField();
 3         this.txt.size = 24;
 4         this.txt.textColor = 0xffffff;
 5         this.txt.lineSpacing = 10;
 6         this.txt.x = 30;
 7         this.txt.y = 100;
 8         // this.txt.text = ‘1111‘;
 9         this.addChild(this.txt);
10         this.isComplete = true;

2.点击舞台时调用延迟方法

1 Main.instance.stage.addEventListener(egret.TouchEvent.TOUCH_TAP,this.onTap,this);
 1     private num:number = 1;
 2     private backFun(){
 3         this.isComplete = true;
 4         this.num++;
 5     }
 6     private onTap(){
 7         if(this.isComplete){
 8             this.isComplete = false;
 9             this.txtEffect(this.txt,this.num+‘,哈哈哈噢噢噢噢哈哈哈哈单独的啦啦啦啦\n‘,150,this.backFun);
10         }   
11     }

3.文字打字效果

 1     /**
 2      * obj  文本对象
 3      * content  文本内容
 4      * interval 打字间隔时间
 5      */
 6     private txtEffect(obj,content:string = ‘‘,interval:number = 200,backFun:Function = null ){
 7         let strArr = content.split(‘‘);
 8         let self = this;
 9         for(let i = 0;i<strArr.length;i++){
10             setTimeout(function(){
11                 obj.appendText(strArr[i]);
12                 if(i == strArr.length - 1 && backFun != null){
13                     self.backFun();
14                 }
15             },interval*i);
16         }
17     }

4.效果

技术分享图片

egret 示例实战六:延迟操作,实现打字效果

标签:child   color   ffffff   elf   function   alt   append   touch   scom   

原文地址:https://www.cnblogs.com/WentingC/p/9289223.html

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