1. egret.Label 富文本用法
...
public lbTest:eui.Label;
...
lbTest.textFlow=[
{text:"hello",style:{size:12,textColor:oxffffff}},
{text:"hello",style:{size:16,textColor:oxffff00}}
]
富文本还可以添加链接，同时可以给链接添加下划线哦 ^0^
var ADDRESS = "egret知(填)识(坑)点集";
lbTest.textFlow=[
...
{
text: ADDRESS,
style: { textColor: 0x76b7e8, size: 21, href:"https://www.jianshu.com/p/a4d600ce46af", underline: true },
}
...
]
给链接添加事件：
var ADDRESS = "egret知(填)识(坑)点集";
lbTest.textFlow=[
{
text: ADDRESS,
style: { textColor: 0x76b7e8, size: 21, href:"event:gotoPage", underline: true },
}
...
]
lbTest.addEventListener( egret.TextEvent.LINK, function( evt:egret.TextEvent ){
console.log( evt.text );
if(isMobile){
evt.preventDefault();
}
window.open("https://www.jianshu.com/p/a4d600ce46af","_blank");
}, this );
但是这样写可能会带来坑，在监听egret.TextEvent.LINK事件的函数内跳转链接，会被浏览器阻止！！！
因此，兼容移动端时，应该这么些：
var ADDRESS = "egret知(填)识(坑)点集";
lbTest.textFlow=[
{
text: ADDRESS,
style: { textColor: 0x76b7e8, size: 21, href: isMobile ? "event:gotoPage" : "https://www.jianshu.com/p/a4d600ce46af", underline: true },
}
...
]
lbTest.addEventListener( egret.TextEvent.LINK, function( evt:egret.TextEvent ){
console.log( evt.text );
if(isMobile){
evt.preventDefault();
}
}, this );
具体情况，请看 论egret的坑
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
10.13更新
7.移动端接口适配
interface MobileInterface {
...
openLink(url:string):void
...
}
export const API: MobileInterface = window['iface'];
8.获取url参数
var id = egret.getOption('id');
9.Object.keys和Object.values的使用
var obj = {};
var keys = (<any>Object).keys(obj);
var values = (<any>Object).values(obj);
10.String、Number、Math等方法的拓展
interface String {
...
format(...args:any[]): string;
}
String.prototype.format = function () {
var a = this;
for (k in arguments) {
a = a.replace("{" + k + "}", arguments[k]);
}
return a;
}
11. TextInput聚焦文本隐藏的bug
div,body{
overflow-x: hidden;
overflow-y: auto;
}
index.html如果设置了以上样式，输入框在聚焦的时候，文本将完全隐藏掉，这个bug不好找，是我一个个版本排错才找出来的。
