egret知(填)识(坑)点集
时间:2022-06-13
本文章向大家介绍egret知(填)识(坑)点集,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
1. egret.Label 富文本用法
...
public lbTest:eui.Label;
...
lbTest.textFlow=[
{text:"hello",style:{size:12,textColor:oxffffff}},
{text:"hello",style:{size:16,textColor:oxffff00}}
]
2. 骨骼动画
加载:
let dragonebonesData = RES.getRes(<*.json>);
let textureData = RES.getRes(<*_ske.json>);
let texture = RES.getRes(<*.png>);
let factory:dragonBones.EgretFactory = new dragonBones.EgretFactory();
factory.addDragonBonesData(dragonBones.DataParser.parseDragonBonesData(dragonebonesData));
factory.addTextureAtlas(new dragonBones.EgretTextureAtlas(texture , textureData));
var armature:dragonBones.FastArmature = factory.buildFastArmature(armatureName);
armature.enableAnimationCache(30);
...
替换控件,方法为dragonBones.Slot.setDisplay(dispaly:any)
,但是并不是每一次都能成功设置上,display也并不是一直有值,以下提供一种方式参考,并不一定对哈:
private testGroup:eui.Group;//参考点
...
armature.addEventListener(dragonBones.AnimationEvent.START, function(){
egret.setTimeout(function(){
let group = this.testGroup;
let slot: dragonBones.Slot = armature.getSlot("<骨骼名称>");
let cell = new <控件类>();
cell.width =group.width;
cell.height = group.height;
cell.anchorOffsetX = group.width / 2;
cell.anchorOffsetY = group.height / 2;
slot.setDisplay(cell);
},this,200);
},this);
3. 事件
按钮点击事件
private btnTest:eui.Button;
...
btnTest.addEventListener(egret.TouchEvent.TOUCH_TAP,this.onTouch,this);
...
private onTouch(event){
switch(event.target){
case this.btnTest:{
//TODO
}
}
}
控件加入和移除事件:
this.addEventListener(egret.Event.ADDED_TO_STAGE...
this.addEventListener(egret.Event.REMOVED_FROM_STAGE...
定时执行
...
let timer:egret.Timer = new egret.Timer(RETRY_INTERVALS[this._retries], 1);
timer.addEventListener(egret.TimerEvent.TIMER,this.text, this);
timer.start();
...
private test(event){
//TODO
}
4. 控件状态替换
class TestLayer eui.Component implements eui.UIComponent{
...
this.skin.currentState = this.skin.states[0].name;
...
}
5.获取时间的方式
...
let date = Date.now()
...
6.http请求
http://edn.egret.com/cn/article/index/id/589
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法