Wpf 设置XAML列表框项目背景颜色的动画
我有下面的XAML,它显示了一个摘要网格Wpf 设置XAML列表框项目背景颜色的动画,wpf,xaml,Wpf,Xaml,我有下面的XAML,它显示了一个摘要网格 <ListBox ItemsSource="{Binding Items}" Margin="336,60,10,63"> <ListBox.Resources> <Style TargetType="{x:Type ListBoxItem}"> <Style.Triggers> <DataTrigger Binding=
<ListBox ItemsSource="{Binding Items}" Margin="336,60,10,63">
<ListBox.Resources>
<Style TargetType="{x:Type ListBoxItem}">
<Style.Triggers>
<DataTrigger Binding="{Binding Status}" Value="1">
<Setter Property="Background" Value="Blue" />
</DataTrigger>
<DataTrigger Binding="{Binding Status}" Value="2">
<Setter Property="Background" Value="Green" />
</DataTrigger>
<DataTrigger Binding="{Binding Status}" Value="4">
<Setter Property="Background" Value="Orange" />
</DataTrigger>
<DataTrigger Binding="{Binding Status}" Value="8">
<Setter Property="Background" Value="Red" />
</DataTrigger>
<DataTrigger Binding="{Binding Status}" Value="16">
<Setter Property="Background" Value="Gray" />
</DataTrigger>
<DataTrigger Binding="{Binding Status}" Value="32">
<Setter Property="Background" Value="DarkGray" />
</DataTrigger>
</Style.Triggers>
</Style>
</ListBox.Resources>
<ListBox.ItemTemplate>
<DataTemplate>
<StackPanel Orientation="Vertical">
<Label Content="{Binding DisplayName}" />
<Label Margin="20,0,0,0" Content="{Binding CurrentState}" />
</StackPanel>
</DataTemplate>
</ListBox.ItemTemplate>
<ListBox.ItemsPanel>
<ItemsPanelTemplate>
<UniformGrid Columns="4"/>
</ItemsPanelTemplate>
</ListBox.ItemsPanel>
</ListBox>
当前,列表框项目的背景色是根据状态值设置的,当该值更改时,背景色将正确更改
我想做的是当状态值改变时,从一种颜色到下一种颜色的动画/转换
我一直在这里搜索,发现这表明我需要使用
<BeginStoryboard>
<Storyboard>
<ColorAnimation Storyboard.TargetName="BackgroundGrid" From="Red" To="Blue" Duration="0:0:4" Storyboard.TargetProperty="Background" />
</Storyboard>
</BeginStoryboard>
大概在我的
问题1:我注意到的第一件事是上面的示例中指定了From颜色,但我不知道该项目是从什么颜色转换而来的
问题2:似乎
在
正如您可能知道的,这是我第一次使用XAML动画,因此非常感谢您的帮助。对于@Stewbob提到的第一个问题,请不要在您的动画中包含
From
部分,它可以正常工作。
通过在DataTrigger上定义Enter和Exit操作,可以解决第二个问题,如下所示:
<DataTrigger Binding="" Value="True">
<DataTrigger.EnterActions>
<BeginStoryboard>
<Storyboard>
<ColorAnimation> //your color animation </ColorAnimation>
</Storyboard>
</BeginStoryboard>
</DataTrigger.EnterActions>
<DataTrigger.ExitActions>
<BeginStoryboard>
<Storyboard>
<ColorAnimation> <ColorAnimation />
</Storyboard>
</BeginStoryboard>
</DataTrigger.ExitActions>
</DataTrigger>
//你的彩色动画
这里需要注意的一点是,Enteraction和ExitActions会永久地设置值,而简单的setter只会设置临时值,只要触发器中满足属性条件,就会应用这些临时值 不确定如何立即处理问题2,但问题1很简单:只是不包括动画的
部分。仅使用至
即可正常工作。请参阅