问题描述
一个界面上有个数据容器:
private DG:eui.DataGroup;
在界面刷新处填充容器的数据
let sourceArr: any[] = [];
for (let i: number = 1; i < 5; i++) {
sourceArr.push({ label: "item" + i });
}
//用ArrayCollection包装
let myCollection: eui.ArrayCollection = new eui.ArrayCollection(sourceArr);
this.DG.dataProvider = myCollection;
this.DG.itemRenderer = ACustomStyle;
问题:这个自定义的样式ACustomStyle有个动画效果,只要动画在播放期间,刷新了界面,动画效果就会从头开始播放。就算写了是否播放的逻辑控制也无济于事。
分析
上述代码在界面的刷新处,即会反复执行,那么界面存在一个问题
每次刷新后,传给DG的是一个全新myCollection,我们可以看到它的hashCode是不一样的,在C++里,你就可以理解为是不同的对象,不同的内存
那么DataGroup会重新分配显示对象,以前的显示对象是抛弃是隐藏我不清楚。
这种行为会带来多个问题,最明显的,就是重新分配内存,你的代码会反复分配内存,大坑。
还有,就是这个动画效果,在界面刷新后,原来的动画效果没了,因为又重新分配了新的显示对象,这点要切记。
解决方法
保留myCollection,只申请一次,每次修改myCollection里的数据就行。