博客

问题描述

一个界面上有个数据容器：

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里的数据就行。