我目前正在创建一个主要只是ItemsControl
显示一些项目的控件。此外,我有一些控件允许用户过滤其中的项目ItemsControl
。
我要做的是让用户更好地看到应用过滤器时删除了哪些项目。
所以我所做的不是真正过滤,而是在用于每个项目的 VM 上ICollectionView
引入了一个新属性。IsVisible
然后我添加了一个ScaleTransform
as LayoutTransform
,DataTemplate
我添加了一个DataTrigger
动画变换:
<Style x:Key="FilterCollapse" TargetType="{x:Type StackPanel}">
<Style.Triggers>
<DataTrigger Binding="{Binding Path=IsVisible}" Value="False">
<DataTrigger.EnterActions>
<BeginStoryboard>
<Storyboard>
<DoubleAnimation Storyboard.TargetProperty="Opacity"
To="0"
Duration="0:0:0.5"/>
<DoubleAnimation Storyboard.TargetProperty="LayoutTransform.ScaleY"
To="0"
BeginTime="0:0:0.0"
Duration="0:0:0.5"/>
</Storyboard>
</BeginStoryboard>
</DataTrigger.EnterActions>
<DataTrigger.ExitActions>
<BeginStoryboard>
<Storyboard>
<DoubleAnimation Storyboard.TargetProperty="LayoutTransform.ScaleY"
To="1"
Duration="0:0:0.5"/>
<DoubleAnimation Storyboard.TargetProperty="Opacity"
To="1"
BeginTime="0:0:0.5"
Duration="0:0:0.5"/>
</Storyboard>
</BeginStoryboard>
</DataTrigger.ExitActions>
</DataTrigger>
</Style.Triggers>
</Style>
<DataTemplate x:Key="MyTemplate">
<StackPanel Style="{StaticResource FilterCollapse}">
<StackPanel.LayoutTransform>
<ScaleTransform ScaleX="1" ScaleY="1"/>
</StackPanel.LayoutTransform>
如果用户现在过滤一切正常。但是我遇到的问题是,如果列表中的任何更改(添加新项目,...)Storyboard
再次应用,尽管用户确实过滤了任何内容。
其原因是,在更改列表后,DataTemplate
将重新创建 ScaleY 为“1”,然后DataTrigger
再次应用 ,并再次应用记分牌。
在这种情况下,我希望没有动画发生。
任何想法如何做到这一点?蒂亚·马丁