259 lines
13 KiB
TypeScript
259 lines
13 KiB
TypeScript
import RoundBox from "../../Script/module/Tool/RoundBox";
|
|
import NumberToImage from "../../Script/NumberToImage";
|
|
|
|
const { ccclass, property } = cc._decorator;
|
|
|
|
@ccclass
|
|
export default class CareerItem2 extends cc.Component {
|
|
/**数据 */
|
|
public data: any = null;
|
|
/**索引 0表示第一项*/
|
|
public itemIndex: number = 0;
|
|
|
|
@property(cc.SpriteFrame)
|
|
defaultsprite: cc.SpriteFrame = null;
|
|
|
|
@property(cc.SpriteAtlas)
|
|
fontUI: cc.SpriteAtlas = null;
|
|
|
|
@property(cc.SpriteAtlas)
|
|
UI: cc.SpriteAtlas = null;
|
|
@property(cc.SpriteAtlas)
|
|
UI2: cc.SpriteAtlas = null;
|
|
randerChildren: any;
|
|
@property(cc.SpriteAtlas)
|
|
catUI: cc.SpriteAtlas = null;
|
|
|
|
|
|
@property(cc.Prefab)
|
|
iconPrefab: cc.Prefab = null;
|
|
|
|
/** Stable references that are not affected when zIndex reorders node.children. */
|
|
private rankingNodes: cc.Node[] = [];
|
|
private childBaseScales: { [index: number]: number } = {};
|
|
private readonly childEnterDuration: number = 0.04;
|
|
|
|
/**
|
|
* Cache the prefab-authored order once. Pooled CareerItem2 nodes keep these
|
|
* children, so the references remain valid for the component's lifetime.
|
|
*/
|
|
private cacheRankingNodes() {
|
|
if (this.rankingNodes.length > 0) {
|
|
return;
|
|
}
|
|
|
|
const length = Math.min(32, this.node.children.length);
|
|
for (let i = 8; i < length; i++) {
|
|
this.rankingNodes.push(this.node.children[i]);
|
|
}
|
|
}
|
|
|
|
private getRankingNode(childIndex: number): cc.Node {
|
|
return this.rankingNodes[childIndex - 8];
|
|
}
|
|
|
|
/** 根据固定的预制体节点顺序，取得被点击 careerCityItem 对应的用户数据。 */
|
|
public getRankingDataByNode(target: cc.Node): any {
|
|
if (!target) {
|
|
return null;
|
|
}
|
|
this.cacheRankingNodes();
|
|
const dataIndex = this.rankingNodes.indexOf(target);
|
|
const rankingData = this.data && this.data.rankingData;
|
|
return Array.isArray(rankingData)
|
|
&& dataIndex >= 0
|
|
&& dataIndex < rankingData.length
|
|
? rankingData[dataIndex]
|
|
: null;
|
|
}
|
|
|
|
/**
|
|
* Stop animations left by a recycled list item and hide all ranking nodes.
|
|
*/
|
|
private resetChildrenEnterState() {
|
|
const length = this.rankingNodes.length + 8;
|
|
for (let i = 8; i < length; i++) {
|
|
const child = this.getRankingNode(i);
|
|
cc.Tween.stopAllByTarget(child);
|
|
|
|
if (this.childBaseScales[i] === undefined) {
|
|
this.childBaseScales[i] = child.scale;
|
|
}
|
|
|
|
child.opacity = 0;
|
|
child.scale = this.childBaseScales[i] * 0.8;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* 8-17 enter one by one. After 17, 18/19, 20/21 ... 30/31 enter in pairs.
|
|
*/
|
|
private playChildrenEnterAnimation(length: number) {
|
|
for (let i = 8; i < length; i++) {
|
|
const child = this.getRankingNode(i);
|
|
const groupIndex = i <= 17
|
|
? i - 8
|
|
: 10 + Math.floor((i - 18) / 2);
|
|
|
|
cc.tween(child)
|
|
.delay(groupIndex * this.childEnterDuration)
|
|
.to(this.childEnterDuration, {
|
|
opacity: 255,
|
|
scale: this.childBaseScales[i]
|
|
}, { easing: "backOut" })
|
|
.start();
|
|
}
|
|
}
|
|
|
|
/**数据改变时调用 */
|
|
public dataChanged() {
|
|
this.randerChildren = [];
|
|
this.cacheRankingNodes();
|
|
this.resetChildrenEnterState();
|
|
|
|
const rankingNodeEndIndex = this.rankingNodes.length + 8;
|
|
for (let i = 8; i < rankingNodeEndIndex; i++) {
|
|
const child = this.getRankingNode(i);
|
|
// this.node.children[i].getChildByName("name").getComponent(cc.Label).string = "";
|
|
if (child.getChildByName("level"))
|
|
child.getChildByName("level").getComponent(cc.Label).string = "";
|
|
child.getChildByName("mask").getChildByName("icon").getComponent(cc.Sprite).spriteFrame = null;
|
|
child.zIndex = 1000 - Math.abs(child.x);
|
|
|
|
// this.node.children[i].getChildByName("kong").active = true;
|
|
}
|
|
if (this.data != undefined) {
|
|
this.node.opacity = 255;
|
|
// this.node.getChildByName("rank").getComponent(cc.Label).string = this.data.count + "";
|
|
|
|
this.node.getChildByName("cityName").getComponent(cc.Sprite).spriteFrame = this.UI2.getSpriteFrame(this.data.name);
|
|
this.node.getChildByName("ranking").getChildByName("one").active = false;
|
|
this.node.getChildByName("ranking").getChildByName("two").active = false;
|
|
this.node.getChildByName("ranking").getChildByName("three").active = false;
|
|
this.node.getChildByName("ranking").getChildByName("nomal").active = false;
|
|
if (this.data.rank == 1) {
|
|
this.node.getChildByName("ranking").getChildByName("one").active = true;
|
|
this.node.getChildByName("bg").getChildByName("bg1").active = false;
|
|
NumberToImage.numberToImageNodesPublic(this.fontUI, this.data.count, 25, 30, "cat", this.node.getChildByName("rank"), false);
|
|
}
|
|
else if (this.data.rank == 2) {
|
|
this.node.getChildByName("ranking").getChildByName("two").active = true;
|
|
this.node.getChildByName("bg").getChildByName("bg1").active = false;
|
|
NumberToImage.numberToImageNodesPublic(this.fontUI, this.data.count, 25, 30, "cat", this.node.getChildByName("rank"), false);
|
|
}
|
|
else if (this.data.rank == 3) {
|
|
this.node.getChildByName("ranking").getChildByName("three").active = true;
|
|
this.node.getChildByName("bg").getChildByName("bg1").active = false;
|
|
NumberToImage.numberToImageNodesPublic(this.fontUI, this.data.count, 25, 30, "cat", this.node.getChildByName("rank"), false);
|
|
}
|
|
else {
|
|
NumberToImage.numberToImageNodesPublic(this.fontUI, this.data.count, 25, 30, "cat", this.node.getChildByName("rank"), false);
|
|
this.node.getChildByName("bg").getChildByName("bg1").active = false;
|
|
this.node.getChildByName("ranking").getChildByName("nomal").active = true;
|
|
NumberToImage.numberToImageNodes4(this.data.rank, 30, 15, "company_", this.node.getChildByName("ranking").getChildByName("nomal").getChildByName("rank"), true);
|
|
let rank = this.node.getChildByName("ranking").getChildByName("nomal").getChildByName("rank");
|
|
if (rank && rank.children) {
|
|
if (rank.children.length > 0) {
|
|
for (let i = 0; i < rank.children.length; i++) {
|
|
rank.children[i].color = cc.Color.WHITE;
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
this.node.zIndex = this.data.rank;
|
|
if (this.randerChildren) {
|
|
if (this.randerChildren.length == 0) {
|
|
this.randerChildren = [];
|
|
let lengthTemp = 0;
|
|
if (this.data.rankingData) {
|
|
if (this.data.rankingData.length) {
|
|
lengthTemp = this.data.rankingData.length;
|
|
}
|
|
}
|
|
|
|
let length = lengthTemp + 8;
|
|
if (length > rankingNodeEndIndex) length = rankingNodeEndIndex;
|
|
for (let i = 8; i < length; i++) {
|
|
const child = this.getRankingNode(i);
|
|
this.randerChildren.push(child);
|
|
let username = cc.fx.GameTool.subName(this.data.rankingData[i - 8].username, 5);
|
|
if (username == "user") username = "匿名玩家";
|
|
// console.log("用户名字:", username);
|
|
// this.node.children[i].getChildByName("kong").active = false;
|
|
// this.node.children[i].getChildByName("name").getComponent(cc.Label).string = username + "";
|
|
if (this.data.rankingData[i - 8].userCat != undefined && this.data.rankingData[i - 8].userCat != "" && this.data.rankingData[i - 8].userCat != null) {
|
|
if (parseInt(this.data.rankingData[i - 8].userCat) < 12 || parseInt(this.data.rankingData[i - 8].userCat) > 0) {
|
|
child.getChildByName("icon").active = true;
|
|
child.getChildByName("icon").getComponent(cc.Sprite).spriteFrame = this.catUI.getSpriteFrame("cat" + this.data.rankingData[i - 8].userCat);
|
|
}
|
|
}
|
|
if (child.getChildByName("level"))
|
|
child.getChildByName("level").getComponent(cc.Label).string = this.data.rankingData[i - 8].addLevel;
|
|
if (this.data.rankingData[i - 8].useravatar == "" || this.data.rankingData[i - 8].useravatar == null || this.data.rankingData[i - 8].useravatar == undefined
|
|
) {
|
|
// this.firstRender.children[i].getChildByName("icon").getComponent(cc.Sprite).spriteFrame = this.defaultsprite;
|
|
}
|
|
else if (this.data.rankingData[i - 8].useravatar == "0" || this.data.rankingData[i - 8].useravatar == "1" || this.data.rankingData[i - 8].useravatar == "2"
|
|
|| this.data.rankingData[i - 8].useravatar == "3" || this.data.rankingData[i - 8].useravatar == "4" || this.data.rankingData[i - 8].useravatar == "5" || this.data.rankingData[i - 8].useravatar == "6"
|
|
|| this.data.rankingData[i - 8].useravatar == "7" || this.data.rankingData[i - 8].useravatar == "8" || this.data.rankingData[i - 8].useravatar == "9" ||
|
|
this.data.rankingData[i - 8].useravatar == "10" || this.data.rankingData[i - 8].useravatar == "11" || this.data.rankingData[i - 8].useravatar == "12" || this.data.rankingData[i - 8].useravatar == "13" || this.data.rankingData[i - 8].useravatar == "14"
|
|
|| this.data.rankingData[i - 8].useravatar == "15" || this.data.rankingData[i - 8].useravatar == "16" || this.data.rankingData[i - 8].useravatar == "17"
|
|
|| this.data.rankingData[i - 8].useravatar == "18"
|
|
|| this.data.rankingData[i - 8].useravatar == "19"
|
|
|| this.data.rankingData[i - 8].useravatar == "20"
|
|
|| this.data.rankingData[i - 8].useravatar == "21"
|
|
|| this.data.rankingData[i - 8].useravatar == "22"
|
|
|| this.data.rankingData[i - 8].useravatar == "23"
|
|
|| this.data.rankingData[i - 8].useravatar == "24"
|
|
|| this.data.rankingData[i - 8].useravatar == "25"
|
|
|| this.data.rankingData[i - 8].useravatar == "26"
|
|
) {
|
|
child.getChildByName("mask").getChildByName("icon").active = false;
|
|
let useravatar = this.data.rankingData[i - 8].useravatar;
|
|
let actionName = cc.fx.GameTool.getActionName(useravatar);
|
|
child.getChildByName("mask").getChildByName("sp").active = true;
|
|
child.getChildByName("mask").getChildByName("sp").scale = 0.23;
|
|
cc.fx.GameTool.loadSpineSimple(child.getChildByName("mask").getChildByName("sp"), actionName);
|
|
// let useravatar = this.data.rankingData[i - 8].useravatar;
|
|
// let useravatarTemp = "icon_" + useravatar;
|
|
// this.node.children[i].getChildByName("mask").getChildByName("icon").getComponent(cc.Sprite).spriteFrame = this.UI.getSpriteFrame(useravatarTemp);
|
|
}
|
|
else {
|
|
child.getChildByName("mask").getChildByName("icon").active = true;
|
|
child.getChildByName("mask").getChildByName("sp").active = false;
|
|
this.setPic(this.data.rankingData[i - 8].useravatar, child.getChildByName("mask").getChildByName("icon"));
|
|
}
|
|
}
|
|
this.playChildrenEnterAnimation(length);
|
|
}
|
|
}
|
|
}
|
|
else {
|
|
this.node.opacity = 0;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
public setPic(url, node) {
|
|
// this.node.getChildByName("pic").getChildByName("icon").active = false;
|
|
// this.node.getChildByName("pic").active = false;
|
|
var self = this;
|
|
// let url = this.data.useravatar;
|
|
cc.assetManager.loadRemote(url, { ext: '.png' }, (err, texture: cc.Texture2D) => {
|
|
if (texture && node) {
|
|
// this.node.getChildByName("pic").active = true;
|
|
|
|
var sprite = node.getComponent(cc.Sprite);
|
|
sprite.spriteFrame = new cc.SpriteFrame(texture);
|
|
}
|
|
else {
|
|
// console.log("加载图片失败" + url);
|
|
}
|
|
})
|
|
}
|
|
|
|
|
|
}
|