123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179 |
- class ListViewAdapter {
- constructor(scrollView) {
- this.scrollView = scrollView;
- this.content = scrollView.content;
- this.scriptItems = [];
- this.dataList = [];
-
- this.updateTimer = 0;
- this.updateInterval = 0.1;
- this.lastContentPosY = 0;
- this.spawnCount = 16;
- this.itemHeight = 0;
- this.bufferZone = 500;
- this.spacing = 10;
- this.scriptName = '';
- this.fuckingItem = null;
- }
- initialize(itemTemplate) {
- console.log(this.scriptName);
- let actualCount = this.dataList.length < this.spawnCount ? this.dataList.length : this.spawnCount;
-
- if (this.itemHeight > 0) {
- this.bufferZone = this.scrollView.node.height / 2 + this.content.height / 2;
- this.content.height = (this.itemHeight + this.spacing) * this.dataList.length;
- }
- this.scriptItems = [];
- this.content.removeAllChildren();
- for (let i = 0; i < actualCount; i++) {
- let item = cc.instantiate(itemTemplate);
- if (this.itemHeight === 0) {
- this.itemHeight = item.height;
- this.bufferZone = this.scrollView.node.height / 2 + this.content.height / 2;
- this.content.height = (this.itemHeight + this.spacing) * this.dataList.length;
- }
- this.content.addChild(item);
- item.setPosition(0, -item.height * (0.5 + i) - this.spacing * (i + 1));
- let itemScript = item.getComponent(this.scriptName);
-
- itemScript.updateItem(this.dataList[i], i);
- this.scriptItems.push(itemScript);
- }
- }
- getPositionInView(item) {
- let worldPos = item.parent.convertToWorldSpaceAR(item.position);
- let viewPos = this.scrollView.node.convertToNodeSpaceAR(worldPos);
- return viewPos;
- }
- update(dt) {
- this.updateTimer += dt;
- if (this.updateTimer < this.updateInterval) return;
- this.updateTimer = 0;
- let buffer = this.bufferZone;
- let isDown = this.content.y < this.lastContentPosY;
- let offset = (this.itemHeight + this.spacing) * this.scriptItems.length;
- for (let i = 0; i < this.scriptItems.length; ++i) {
- let viewPos = this.getPositionInView(this.scriptItems[i].node);
- if (isDown) {
-
- if (viewPos.y < -buffer && this.scriptItems[i].node.y + offset < 0) {
- this.scriptItems[i].node.y = this.scriptItems[i].node.y + offset;
- let itemScript = this.scriptItems[i];
- let itemId = itemScript._itemId - this.scriptItems.length;
- itemScript.updateItem(this.dataList[itemId], itemId);
- }
- } else {
-
- if (viewPos.y > buffer && this.scriptItems[i].node.y - offset > -this.content.height) {
- this.scriptItems[i].node.y = this.scriptItems[i].node.y - offset;
- let itemScript = this.scriptItems[i];
- let itemId = itemScript._itemId + scriptItems.length;
- itemScript.updateItem(this.dataList[itemId], itemId);
- if (itemId === (this.dataList.length - 1)) {
- if (this.loadMore != undefined) {
- this.loadMore();
- }
- }
- }
- }
- }
-
- this.lastContentPosY = this.content.y;
- }
- updateItems(dataList, itemPrefab, scriptName) {
- this.scriptName = scriptName;
- this.itemTemplate = itemPrefab;
- this.dataList = dataList;
- this.initialize(itemPrefab);
- }
- addData(newdataList) {
- this.dataList = this.dataList.concat(newdataList);
- this.content.height = (this.itemHeight + this.spacing) * this.dataList.length;
- }
- setLoadMoreCallBack(loadMore) {
- this.loadMore = loadMore;
- }
- playRemoveItemAnimation(itemScript, animCallback) {
- this.dataList.splice(itemScript._itemId, 1);
- this.content.height = (this.itemHeight + this.spacing) * this.dataList.length;
- let sequ = cc.sequence(cc.moveBy(0.2, -750, 0), animCallback);
- itemScript.node.runAction(sequ);
- }
- updateItemsAndDataList(itemScript) {
- let index = itemScript._itemId;
- let scriptItems = this.scriptItems;
- if (this.dataList.length >= scriptItems.length) {
- itemScript.scheduleOnce(() => {
- itemScript.node.x = 0;
- }, 0.2);
- for (let i = 0; i < scriptItems.length; ++i) {
- let itemNode = scriptItems[i].node;
- let script = scriptItems[i];
- let itemId = script._itemId;
- if (itemId < this.dataList.length) {
- if (script._itemId > index) {
- let finish = cc.callFunc(() => {
- itemNode.y = itemNode.y - (this.itemHeight + this.spacing);
- script.updateItem(this.dataList[itemId], itemId);
- }, this);
- let s = cc.sequence(cc.moveBy(0.2, 0, (this.itemHeight + this.spacing)), finish);
- itemNode.runAction(s);
- } else {
- itemScript.scheduleOnce(() => {
- script.updateItem(this.dataList[itemId], itemId);
- }, 0.2);
- }
- }
- }
- } else {
- for (let i = 0; i < scriptItems.length; ++i) {
- let itemId = scriptItems[i]._itemId;
- if (itemId === itemScript._itemId) {
- this.scriptItems.splice(i, 1);
- }
- }
- for (let i = 0; i < scriptItems.length; ++i) {
- let itemNode = scriptItems[i].node;
- let script = scriptItems[i];
- if (script._itemId > index) {
- let newId = script._itemId - 1;
- itemNode.runAction(cc.moveBy(0.2, 0, (this.itemHeight + this.spacing)));
- script.updateItem(this.dataList[newId], newId);
- }
- }
- itemScript.node.destroy();
- }
- }
- removeItem(itemScript) {
- let finish = cc.callFunc(() => {
- this.updateItemsAndDataList(itemScript);
- });
- this.playRemoveItemAnimation(itemScript, finish);
- }
- onDestroy() {
- this.scriptItems = [];
- this.content.removeAllChildren();
- }
- }
- module.exports = ListViewAdapter;
|