You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
109 lines
3.8 KiB
109 lines
3.8 KiB
1 week ago
|
/******************************************
|
||
|
|
* @author kL <klk0@qq.com>
|
||
|
|
* @date 2019/6/6
|
||
|
|
* @doc Demo入口.
|
||
|
|
* @end
|
||
|
|
******************************************/
|
||
|
|
const { ccclass, property } = cc._decorator;
|
||
|
|
|
||
|
|
import List from './List';
|
||
|
|
import ListItem from './ListItem';
|
||
|
|
|
||
|
|
@ccclass
|
||
|
|
export default class Main extends cc.Component {
|
||
|
|
//垂直列表
|
||
|
|
@property(List)
|
||
|
|
listV: List = null;
|
||
|
|
//水平列表
|
||
|
|
@property(List)
|
||
|
|
listH: List = null;
|
||
|
|
//网格列表
|
||
|
|
@property(List)
|
||
|
|
listG: List = null;
|
||
|
|
//网格列表2
|
||
|
|
@property(List)
|
||
|
|
listG2: List = null;
|
||
|
|
//输入框
|
||
|
|
@property(cc.EditBox)
|
||
|
|
input: cc.EditBox = null;
|
||
|
|
//信息Labal
|
||
|
|
@property(cc.Label)
|
||
|
|
info: cc.Label = null;
|
||
|
|
//数据数组（所有List共用）
|
||
|
|
data: number[] = [];
|
||
|
|
|
||
|
|
onLoad() {
|
||
|
|
this.data = [];
|
||
|
|
for (let n: number = 0; n < 999; n++) {
|
||
|
|
this.data.push(n);
|
||
|
|
}
|
||
|
|
this.listV.numItems = this.data.length;
|
||
|
|
this.listH.numItems = this.data.length;
|
||
|
|
this.listG.numItems = this.data.length;
|
||
|
|
this.listG2.numItems = this.data.length;
|
||
|
|
}
|
||
|
|
//垂直列表渲染器
|
||
|
|
onListVRender(item: cc.Node, idx: number) {
|
||
|
|
item.getComponent(ListItem).title.getComponent(cc.Label).string = this.data[idx] + '';
|
||
|
|
this.info.string = 'ListV当前渲染总数 = ' + this.listV.displayItemNum;
|
||
|
|
}
|
||
|
|
//水平列表渲染器
|
||
|
|
onListHRender(item: cc.Node, idx: number) {
|
||
|
|
item.getComponent(ListItem).title.getComponent(cc.Label).string = this.data[idx] + '';
|
||
|
|
this.info.string = 'ListH当前渲染总数 = ' + this.listH.displayItemNum;
|
||
|
|
}
|
||
|
|
//网格列表渲染器
|
||
|
|
onListGridRender(item: cc.Node, idx: number) {
|
||
|
|
item.getComponent(ListItem).title.getComponent(cc.Label).string = this.data[idx] + '';
|
||
|
|
this.info.string = 'ListG当前渲染总数 = ' + this.listG.displayItemNum;
|
||
|
|
}
|
||
|
|
//网格列表2渲染器
|
||
|
|
onListGrid2Render(item: cc.Node, idx: number) {
|
||
|
|
item.getComponent(ListItem).title.getComponent(cc.Label).string = this.data[idx] + '';
|
||
|
|
this.info.string = 'ListG2当前渲染总数 = ' + this.listG2.displayItemNum;
|
||
|
|
}
|
||
|
|
//当列表项被选择...
|
||
|
|
onListSelected(item: any, selectedId: number, lastSelectedId: number, val: number) {
|
||
|
|
if (!item)
|
||
|
|
return;
|
||
|
|
let list: List = item.getComponent(ListItem).list;
|
||
|
|
let str: string = '当前操作List为：' + list.node.name + '，当前选择的是：' + selectedId + '，上一次选择的是：' + lastSelectedId;
|
||
|
|
if (list.selectedMode == 2) { //如果是多选模式
|
||
|
|
str += '，当前值为：' + val;
|
||
|
|
}
|
||
|
|
cc.log(str);
|
||
|
|
}
|
||
|
|
//按钮事件
|
||
|
|
btnEvent(ev: cc.Event) {
|
||
|
|
let name: string = ev.target.name;
|
||
|
|
let t: any = this;
|
||
|
|
let callFunc: Function = function (idx) {
|
||
|
|
if (idx != null) {
|
||
|
|
t.data.splice(idx, 1);
|
||
|
|
cc.log('------删除完毕！', idx);
|
||
|
|
t.listV.numItems = t.data.length;
|
||
|
|
t.listH.numItems = t.data.length;
|
||
|
|
t.listG.numItems = t.data.length;
|
||
|
|
t.listG2.numItems = t.data.length;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
switch (name) {
|
||
|
|
case 'btn1':
|
||
|
|
t.listV.aniDelItem(1, callFunc, 3);
|
||
|
|
break;
|
||
|
|
case 'btn2':
|
||
|
|
t.listH.aniDelItem(t.listH.selectedId, callFunc, 0);
|
||
|
|
break;
|
||
|
|
case 'btn3':
|
||
|
|
t.listG.aniDelItem(1, callFunc, null);
|
||
|
|
break;
|
||
|
|
case 'btn4':
|
||
|
|
t.listV.scrollTo(parseInt(t.input.string), .5, null, false);
|
||
|
|
t.listH.scrollTo(parseInt(t.input.string), .5, null, false);
|
||
|
|
t.listG.scrollTo(parseInt(t.input.string), .5, null, false);
|
||
|
|
t.listG2.scrollTo(parseInt(t.input.string), .5, null, false);
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|