497 lines
16 KiB
JavaScript
497 lines
16 KiB
JavaScript
import GameModel from "../ts/core/GameModel";
|
||
cc.Class({
|
||
extends: cc.Component,
|
||
properties: {
|
||
_type: 0,//0 聊天框 1遊戲右下角ui
|
||
type: {
|
||
get() {
|
||
return this._type;
|
||
},
|
||
set(t) {
|
||
this._type = t;
|
||
}
|
||
},
|
||
_string: '',
|
||
string: {
|
||
get() {
|
||
return this._string;
|
||
},
|
||
set(t) {
|
||
this._string = t;
|
||
this.showTextInfo();
|
||
}
|
||
},
|
||
_maxWidth: 0,
|
||
maxWidth: {
|
||
get() {
|
||
return this._maxWidth;
|
||
},
|
||
set(t) {
|
||
this._maxWidth = t;
|
||
if (t <= 0) {
|
||
this._maxWidth = 100;
|
||
}
|
||
this.node.width = t;
|
||
}
|
||
},
|
||
_fontSize: 20,
|
||
fontSize: {
|
||
get() {
|
||
return this._fontSize;
|
||
},
|
||
set(t) {
|
||
this._fontSize = t;
|
||
}
|
||
},
|
||
_lineHeight: 22,
|
||
lineHeight: {
|
||
get() {
|
||
return this._lineHeight;
|
||
},
|
||
set(t) {
|
||
this._lineHeight = t;
|
||
this.node.height = t;
|
||
}
|
||
},
|
||
_strColor: cc.Color.BLACK,
|
||
strColor: {
|
||
get() {
|
||
return this._strColor;
|
||
},
|
||
set(c) {
|
||
this._strColor = c;
|
||
this.node.color = c;
|
||
}
|
||
},
|
||
startX: 0,
|
||
startY: 0,
|
||
emojiAtlas: cc.SpriteAtlas,
|
||
joinTeamBg: cc.SpriteFrame,
|
||
item_detail: cc.Prefab,
|
||
fontRes: cc.Font
|
||
},
|
||
|
||
onLoad() {
|
||
this.node.setAnchorPoint(cc.v2(0, 1));
|
||
this.isLoad = true;
|
||
},
|
||
|
||
/**
|
||
* showLabInfo creator編輯是顯示用，程序裡用不到
|
||
*/
|
||
showLabInfo() {
|
||
this.node.destroyAllChildren();
|
||
let lnode = new cc.Node();
|
||
lnode.parent = this.node;
|
||
lnode.width = this.maxWidth;
|
||
lnode.color = cc.Color.BLACK;
|
||
let lab = lnode.addComponent(cc.Label);
|
||
lab.fontSize = this.fontSize;
|
||
lab.lineHeight = this.lineHeight;
|
||
lab.string = this.string;
|
||
lab.horizontalAlign = cc.Label.HorizontalAlign.LEFT;
|
||
lab.verticalAlign = cc.Label.VerticalAlign.TOP;
|
||
lab.overflow = cc.Label.Overflow.RESIZE_HEIGHT;
|
||
lnode.setPosition(cc.v2(this.startX, this.startY));
|
||
lnode.setAnchorPoint(cc.v2(0, 1));
|
||
},
|
||
|
||
showTextInfo() {
|
||
if (this.isLoad == null) {
|
||
this.showLabInfo();
|
||
return;
|
||
}
|
||
this.node.destroyAllChildren();
|
||
this.startX = 0;
|
||
this.startY = 0;
|
||
|
||
if (this.type == 1) {
|
||
this.addScaleNode();
|
||
this.addNameNode();
|
||
}
|
||
let textInfo = [];
|
||
let msgstr = this.string;
|
||
|
||
// let patt = /\[(?:[0-9]{1,3}|1000)\]/;
|
||
// let pos = msgstr.search(patt);
|
||
// while (pos != -1) {
|
||
// if (pos > 0) {
|
||
// textInfo.push({ type: 'txt', data: msgstr.substring(0, pos) });
|
||
// }
|
||
// let numend = msgstr.indexOf(']', pos);
|
||
// let numstr = msgstr.substring(pos + 1, numend);
|
||
// textInfo.push({ type: 'img', data: numstr });
|
||
// msgstr = msgstr.substr(numend + 1);
|
||
// pos = msgstr.search(patt);
|
||
// }
|
||
// if (msgstr.length > 0) {
|
||
// textInfo.push({ type: 'txt', data: msgstr });
|
||
// }
|
||
|
||
let patt = /\[[\s\S]*?\]/;
|
||
// let patt = /\[(?:[0-9]{1,3}|1000)\]/;
|
||
let pos = msgstr.search(patt);
|
||
while (pos != -1) {
|
||
if (pos > 0) {
|
||
textInfo.push({ type: 'txt', data: msgstr.substring(0, pos) });
|
||
}
|
||
|
||
let numend = msgstr.indexOf(']', pos);
|
||
let numstr = msgstr.substring(pos + 1, numend);
|
||
|
||
let ppatt1 = /\[(?:[0-9]{1,3}|1000)\]/;
|
||
let pnumstr = '[' + numstr + ']';
|
||
let ppos1 = pnumstr.search(ppatt1);
|
||
|
||
if (ppos1 >= 0) {
|
||
textInfo.push({ type: 'img', data: numstr });
|
||
} else {
|
||
textInfo.push({ type: 'link', data: numstr });
|
||
}
|
||
|
||
// textInfo.push({ type: 'img', data: numstr });
|
||
msgstr = msgstr.substr(numend + 1);
|
||
pos = msgstr.search(patt);
|
||
}
|
||
if (msgstr.length > 0) {
|
||
if (!this.checkColor(textInfo, msgstr))
|
||
textInfo.push({ type: 'txt', data: msgstr });
|
||
}
|
||
|
||
for (const info of textInfo) {
|
||
if (info.type == 'txt') {
|
||
let str = info.data;
|
||
let cutPos = this.cutStringByWidth(str, this.maxWidth - this.startX);
|
||
while (cutPos != str.length) {
|
||
if (cutPos == 0) {
|
||
this.startX = 0;
|
||
this.startY -= this.lineHeight;
|
||
} else {
|
||
this.addLabelNode(str.substr(0, cutPos), info.color);
|
||
str = str.substr(cutPos);
|
||
}
|
||
cutPos = this.cutStringByWidth(str, this.maxWidth - this.startX);
|
||
}
|
||
if (str.length > 0) {
|
||
this.addLabelNode(str, info.color);
|
||
}
|
||
}
|
||
if (info.type == 'img') {
|
||
this.addImgNode(info.data);
|
||
}
|
||
if (info.type == 'link') {
|
||
this.addLinkNode(info.data);
|
||
}
|
||
}
|
||
if (this.startY < 0) {
|
||
this.node.width = this.maxWidth;
|
||
}
|
||
else {
|
||
this.node.width = this.startX;
|
||
}
|
||
this.node.height = -(this.startY - this.lineHeight) + 5;
|
||
},
|
||
checkColor(list, str) {
|
||
var hasColor = /\<color=#(?:[0-9]|[a-f]){6}[ ]\>.*?\<\/c(olor)?[ ]\>/g;
|
||
var arr = str.match(hasColor)
|
||
if (arr == null) return false
|
||
for (let i in arr) {
|
||
var color = arr[i].match(/#(?:[0-9]|[a-f]){6}/)[0]
|
||
var t = arr[i].replace(/\<color=#(?:[0-9]|[a-f]){6}[ ]\>/, "");
|
||
t = t.replace(/\<\/c(olor)?[ ]\>/, "");
|
||
list.push({ type: "txt", data: t, color: color })
|
||
}
|
||
return true
|
||
},
|
||
addNameNode() {
|
||
if (this.rolename == null || this.rolename == '') {
|
||
return;
|
||
}
|
||
if (this.startX > this.maxWidth - this.fontSize) {
|
||
this.startX = 0;
|
||
this.startY -= this.lineHeight;
|
||
}
|
||
let lnode = new cc.Node();
|
||
lnode.color = new cc.Color(24, 218, 224);
|
||
let title = `[${this.rolename}]`;
|
||
if (this.vipLevel > 0) {
|
||
title = `V${this.vipLevel}${title}`;
|
||
}
|
||
let textRT = lnode.addComponent(cc.Label);
|
||
// if (this.fontRes)
|
||
// textRT.font = this.fontRes;
|
||
// else
|
||
// textRT.font = GameModel.fontRes;
|
||
textRT.cacheMode = cc.Label.CacheMode.BITMAP
|
||
textRT.fontSize = this.fontSize;
|
||
textRT.lineHeight = this.lineHeight;
|
||
textRT.string = title;
|
||
lnode.setPosition(cc.v2(this.startX, this.startY));
|
||
lnode.setAnchorPoint(cc.v2(0, 1));
|
||
lnode.parent = this.node;
|
||
this.startX += lnode.width;
|
||
},
|
||
|
||
addLabelNode(str, color) {
|
||
let labelColor = this.node.color;
|
||
if (color) {
|
||
var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(color)
|
||
if (result)
|
||
labelColor = cc.color(parseInt(result[1], 16), parseInt(result[2], 16), parseInt(result[3], 16));
|
||
} else {
|
||
if (this.type == 1) {
|
||
if (this.scale == 0) {
|
||
labelColor = cc.color(22, 196, 88);
|
||
} else if (this.scale == 1) {
|
||
labelColor = cc.color(0, 194, 141);
|
||
} else if (this.scale == 2) {
|
||
labelColor = cc.color(54, 171, 253);
|
||
} else if (this.scale == 3) {
|
||
labelColor = cc.color(255, 90, 90);
|
||
}
|
||
}
|
||
}
|
||
if (this.startX > this.maxWidth - this.fontSize) {
|
||
this.startX = 0;
|
||
this.startY -= this.lineHeight;
|
||
}
|
||
let lnode = new cc.Node();
|
||
lnode.color = labelColor;
|
||
let lab = lnode.addComponent(cc.Label);
|
||
// if (this.fontRes)
|
||
// lab.font = this.fontRes;
|
||
// else
|
||
// lab.font = GameModel.fontRes;
|
||
lab.cacheMode = cc.Label.CacheMode.BITMAP
|
||
lab.fontSize = this.fontSize;
|
||
lab.lineHeight = this.lineHeight;
|
||
lab.string = str;
|
||
lnode.setAnchorPoint(cc.v2(0, 1));
|
||
lnode.setPosition(cc.v2(this.startX, this.startY));
|
||
lnode.parent = this.node;
|
||
|
||
this.startX += lnode.width;
|
||
},
|
||
|
||
addScaleNode() {
|
||
if (this.scale == null) {
|
||
return;
|
||
}
|
||
let scaleFrame = null;
|
||
if (this.scale == 0) {
|
||
scaleFrame = this.emojiAtlas.getSpriteFrame('font_back_all');
|
||
}
|
||
else if (this.scale == 1) {
|
||
scaleFrame = this.emojiAtlas.getSpriteFrame('font_back_team');
|
||
}
|
||
else if (this.scale == 2) {
|
||
scaleFrame = this.emojiAtlas.getSpriteFrame('font_back_bang');
|
||
}
|
||
else if (this.scale == 3) {
|
||
scaleFrame = this.emojiAtlas.getSpriteFrame('font_back_system');
|
||
}
|
||
// else if (this.scale == 7) {
|
||
// scaleFrame = this.emojiAtlas.getSpriteFrame('font_back_system');
|
||
// }
|
||
|
||
if (scaleFrame == null) {
|
||
return;
|
||
}
|
||
if (this.startX > this.maxWidth - this.fontSize) {
|
||
this.startX = 0;
|
||
this.startY -= this.lineHeight;
|
||
}
|
||
let snode = new cc.Node();
|
||
let sp = snode.addComponent(cc.Sprite);
|
||
sp.spriteFrame = scaleFrame;
|
||
snode.setAnchorPoint(cc.v2(0, 0.5));
|
||
snode.setPosition(cc.v2(this.startX, this.startY - this.lineHeight / 2));
|
||
snode.setScale(this.lineHeight / snode.height);
|
||
snode.parent = this.node;
|
||
this.startX += snode.width * snode.scaleX;
|
||
},
|
||
|
||
addImgNode(img) {
|
||
let emojiFrame = this.emojiAtlas.getSpriteFrame(('000' + img).substr(-3) + '0000');
|
||
if (emojiFrame == null) {
|
||
return;
|
||
}
|
||
let emojiFrames = [];
|
||
for (let i = 0; ; i++) {
|
||
let frame = this.emojiAtlas.getSpriteFrame(('000' + img).substr(-3) + ('0000' + i).substr(-4));
|
||
if (frame) emojiFrames.push(frame);
|
||
else break;
|
||
}
|
||
let snode = new cc.Node();
|
||
let sp = snode.addComponent(cc.Sprite);
|
||
sp.spriteFrame = emojiFrame;
|
||
snode.setAnchorPoint(cc.v2(0, 0.5));
|
||
snode.setScale(this.lineHeight / snode.height);
|
||
snode.parent = this.node;
|
||
if (this.startX + snode.width * snode.scaleX > this.maxWidth - this.fontSize) {
|
||
this.startX = 0;
|
||
this.startY -= this.lineHeight;
|
||
}
|
||
snode.setPosition(cc.v2(this.startX, this.startY - this.lineHeight / 2));
|
||
this.startX += snode.width * snode.scaleX;
|
||
if (emojiFrames.length > 0) {
|
||
let emojiClip = cc.AnimationClip.createWithSpriteFrames(emojiFrames, 10);
|
||
emojiClip.name = 'run';
|
||
emojiClip.wrapMode = cc.WrapMode.Loop;
|
||
let nodeAni = snode.addComponent(cc.Animation);
|
||
nodeAni.addClip(emojiClip);
|
||
nodeAni.play('run');
|
||
}
|
||
},
|
||
|
||
addLinkNode(link) {
|
||
let strs = link.split("@");
|
||
if (strs.length < 2) {
|
||
this.addLabelNode(link);
|
||
return;
|
||
}
|
||
if (strs[2] == 10) {
|
||
// 加入隊伍按鈕
|
||
this.addJoinTeamNode(link)
|
||
return
|
||
}
|
||
let labelColor = this.node.color;
|
||
|
||
labelColor = cc.color(0, 194, 141);
|
||
|
||
if (this.startX > this.maxWidth - this.fontSize) {
|
||
this.startX = 0;
|
||
this.startY -= this.lineHeight;
|
||
}
|
||
let lnode = new cc.Node();
|
||
lnode.color = labelColor;
|
||
let lab = lnode.addComponent(cc.Label);
|
||
// if (this.fontRes)
|
||
// lab.font = this.fontRes;
|
||
// else
|
||
// lab.font = GameModel.fontRes;
|
||
|
||
lab.cacheMode = cc.Label.CacheMode.BITMAP
|
||
lab.fontSize = this.fontSize;
|
||
lab.lineHeight = this.lineHeight;
|
||
lab.string = '[' + strs[0] + ']';
|
||
lnode.setAnchorPoint(cc.v2(0, 1));
|
||
lnode.setPosition(cc.v2(this.startX, this.startY));
|
||
lnode.parent = this.node;
|
||
|
||
let btn = lnode.addComponent(cc.Button);
|
||
btn.transition = cc.Button.Transition.NONE;
|
||
var clickEventHandler = new cc.Component.EventHandler();
|
||
clickEventHandler.target = this.node;
|
||
clickEventHandler.component = "CustomRichText";
|
||
clickEventHandler.handler = "onLinkPropClicked";
|
||
|
||
clickEventHandler.customEventData = link;
|
||
btn.clickEvents.push(clickEventHandler);
|
||
this.startX += lnode.width;
|
||
},
|
||
|
||
/**
|
||
* 加入隊伍
|
||
* @param {*} link
|
||
*/
|
||
addJoinTeamNode(link) {
|
||
if (this.startX > this.maxWidth - this.fontSize) {
|
||
this.startX = 0;
|
||
this.startY -= this.lineHeight;
|
||
}
|
||
|
||
let snode = new cc.Node();
|
||
let sp = snode.addComponent(cc.Sprite);
|
||
sp.spriteFrame = this.joinTeamBg;
|
||
snode.setAnchorPoint(cc.v2(0, 0.5));
|
||
snode.setPosition(cc.v2(this.startX, this.startY - this.lineHeight / 2));
|
||
snode.setScale(this.lineHeight / 40);
|
||
snode.parent = this.node;
|
||
|
||
let lnode = new cc.Node();
|
||
lnode.color = new cc.Color(100, 60, 60);
|
||
let title = "加入";
|
||
|
||
let textRT = lnode.addComponent(cc.Label);
|
||
// if (this.fontRes)
|
||
// textRT.font = this.fontRes;
|
||
// else
|
||
// textRT.font = GameModel.fontRes;
|
||
textRT.fontSize = this.fontSize + 6;
|
||
textRT.lineHeight = this.lineHeight;
|
||
textRT.string = title;
|
||
lnode.setPosition(cc.v2(43, 0));
|
||
lnode.setAnchorPoint(cc.v2(0.5, 0.5));
|
||
lnode.parent = snode;
|
||
|
||
this.startX += 86 * snode.scaleX;
|
||
|
||
let btn = snode.addComponent(cc.Button);
|
||
btn.transition = cc.Button.Transition.NONE;
|
||
var clickEventHandler = new cc.Component.EventHandler();
|
||
clickEventHandler.target = this.node;
|
||
clickEventHandler.component = "CustomRichText";
|
||
if (this.type != 1)
|
||
clickEventHandler.handler = "onLinkJoinTeam";
|
||
else
|
||
clickEventHandler.handler = "onLinkPropClicked";
|
||
clickEventHandler.customEventData = link;
|
||
btn.clickEvents.push(clickEventHandler);
|
||
},
|
||
onLinkJoinTeam(event, link) {
|
||
console.log(event, link)
|
||
let strs = link.split("@");
|
||
GameModel.send('c2s_requst_team', {
|
||
roleid: GameModel.player.roleid,
|
||
teamid: strs[1]
|
||
});
|
||
},
|
||
onLinkJoinTeam1(event, link) {
|
||
let strs = link.split("@");
|
||
GameModel.send('c2s_requst_team', {
|
||
roleid: GameModel.player.roleid,
|
||
teamid: strs[1]
|
||
});
|
||
},
|
||
onLinkPropClicked(event, link) {
|
||
let datas = link.split("@");
|
||
if (datas[2] == 10) datas[2] = 9
|
||
GameModel.send("c2c_goods_info", { type: datas[2], id: datas[1] });
|
||
},
|
||
|
||
cutStringByWidth(str, w) {
|
||
// TODO : 修改此方法 1 使用池管理 2 取消本方法 使用 RichText
|
||
if (w < 0) {
|
||
w = 0;
|
||
}
|
||
let lnode = new cc.Node();
|
||
let lab = lnode.addComponent(cc.Label);
|
||
lab.fontSize = this.fontSize;
|
||
lab.lineHeight = this.lineHeight;
|
||
lab.string = str;
|
||
lnode.parent = this.node;
|
||
|
||
let tempLen = str.length;
|
||
if (lab.node.width > w) {
|
||
tempLen = Math.ceil((w / lab.node.width) * str.length) + 2;
|
||
if (tempLen > str.length) {
|
||
tempLen = str.length;
|
||
}
|
||
str = str.substr(0, tempLen);
|
||
|
||
lab.string = str;
|
||
lab._forceUpdateRenderData(true);
|
||
while (lab.node.width > w) {
|
||
str = str.substr(0, tempLen - 1);
|
||
tempLen -= 1;
|
||
lab.string = str;
|
||
lab._forceUpdateRenderData(true);
|
||
}
|
||
}
|
||
lnode.parent = null;
|
||
lnode.destroy();
|
||
return tempLen;
|
||
}
|
||
|
||
}); |