Flex：如何在List的自定义ItemRenderer上使用淡入淡出效果？

Question

在我的3.6 Flex模块中，我使用带有自定义ItemRenderer的List：

<mx:List id="chatsList" y="0" left="2" right="6" 
    width="100%" height="100%" dataProvider="{chatsArrayCollection}" 
    horizontalScrollPolicy="off" itemRenderer="MessageRendererModerated" 
    styleName="dataList" variableRowHeight="true" verticalScrollPolicy="auto" >
</mx:List>

当我在位置0向chatsArrayCollection添加项目时，我希望列表向下滚动，新项目可以很好地淡入。 显示类似的内容here。

然而，这对我不起作用，我怀疑是因为我正在使用自定义itemRenderer。 MessageRendererModerated被定义为包含一些文本和图像链接的画布：

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" minHeight="94" 
    creationComplete="onCreationComplete();" resize="onResize();"  
    scaleY="1" width="100%" 
    horizontalScrollPolicy="off" blendMode="layer" 
    borderStyle="solid" borderThickness="0" 
    xmlns:rtl="views.rtl.*" > ...

我尝试过不同的方法来解决这个问题，但没有人帮助过。

非常感谢！

更新： 根据我在下面的评论 - 我确实尝试使用我发现的示例中提到的itemsChangeEffect。但是，它没有按预期工作。