如何将 Flex TileList 数据效果与 ListCollectionView 数据提供程序结合使用

发布于 2024-08-10 11:35:49 字数 697 浏览 9 评论 0原文

我正在使用 TileList 控件,其效果序列链接到 itemsChangeEffect 属性。

<mx:TileList
    itemsChangeEffect="{dataChangeEffectSequence}"
    ...>
</mx:TileList >


<mx:Sequence id="dataChangeEffectSequence">
   <mx:Blur 
      blurYTo="12" blurXTo="12" 
      duration="250" 
      perElementOffset="150"
      filter="removeItem"/> 
   <mx:Move 
      duration="1500"
      easingFunction="{Elastic.easeOut}" 
      perElementOffset="20"/>
   ...
</mx:Sequence>

由此产生的效果非常简洁。例如,当从数据提供程序中删除某个项目时,该项目将变得模糊,其他项目将移动以填充空白空间。

但是,我的数据提供程序是一个 ListCollectionView,我用它来过滤项目。当我设置过滤条件时,它将隐藏 TileList 中的几个项目,但没有像我删除项目时那样的动画。有没有办法在过滤项目时使 TileList 动画化?

I am using a TileList control with an effect sequence linked to the itemsChangeEffect property.

<mx:TileList
    itemsChangeEffect="{dataChangeEffectSequence}"
    ...>
</mx:TileList >


<mx:Sequence id="dataChangeEffectSequence">
   <mx:Blur 
      blurYTo="12" blurXTo="12" 
      duration="250" 
      perElementOffset="150"
      filter="removeItem"/> 
   <mx:Move 
      duration="1500"
      easingFunction="{Elastic.easeOut}" 
      perElementOffset="20"/>
   ...
</mx:Sequence>

The resulting effect is pretty neat. For example, when removing an item from the data provider, it will blur out and the other items will move to fill the empty space.

However, my data provider is a ListCollectionView that I use to filter items. When I set a filter criteria, it will hide a couple of items from the TileList but there is no animation like when I remove an item. Is there a way to animate the TileList when an item is filtered ?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

不念旧人 2024-08-17 11:35:49

如果您使用列表,您可以执行以下操作吗?

<mx:List removedEffect="{dataChangeEffectSequence}"/>

或者将效果定义从自定义组件移动到包含 Repeater 语句的同一容器,并将效果触发器添加到 Repeater 语句内的重复组件。

If you are using a list can you just do the following?

<mx:List removedEffect="{dataChangeEffectSequence}"/>

Or move the effect definitions from the custom component to the same container which contains the Repeater statement and add the effect triggers to the repeated component within the Repeater statement.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文