ListBox ItemTemplate 上的状态动画

Question

我有一个从 Observable 集合中读取的列表框，并且是 ItemTemplate'ed：

<DataTemplate x:Key="DataTemplate1">
    <Grid x:Name="grid" Height="47.333" Width="577" Opacity="0.495">
        <Image HorizontalAlignment="Left" Margin="10.668,8,0,8" Width="34" Source="{Binding ImageLocation}"/>
        <TextBlock Margin="56,8,172.334,8" TextWrapping="Wrap" Text="{Binding ApplicationName}" FontSize="21.333"/>
        <Grid x:Name="grid1" HorizontalAlignment="Right" Margin="0,10.003,-0.009,11.33" Width="26" Opacity="0" RenderTransformOrigin="0.5,0.5">
            <Image HorizontalAlignment="Stretch" Margin="0" Source="image/downloads.png" Stretch="Fill" MouseDown="Image_MouseDown" />
        </Grid>
    </Grid>
</DataTemplate>

<ListBox x:Name="searchlist" Margin="8" ItemTemplate="{DynamicResource DataTemplate1}" ItemsSource="{Binding SearchResults}" SelectionChanged="searchlist_SelectionChanged" ItemContainerStyle="{DynamicResource ListBoxItemStyle1}" />

一般来说，我的问题是“在选择此列表框中的特定项目时，最简单的方法是什么？基本上是“grid1”内的图像将其不透明度设置为 1，慢慢地，

我更喜欢使用状态，但我不知道有什么方法可以告诉 Blend 和 xaml“当选定的项目更改时，在一段时间内将图像不透明度更改为 1”。 .3秒”。事实上，我一直在使用VisualStateManager在.cs文件中执行此操作。

此外，还有另一个问题。当选定的索引更改时，我们转到CS文件并查看SelectedItem。SelectedItem返回一个实例它绑定到的对象（可观察集合内的对象），而不是 DataTemplate/ListItem 等的实例。那么我如何使用

VisualStateManager 处理该列表中的正确图像呢？如果这只是正常的事情，那很好，但是当涉及到生成的列表框的项目时，我迷失了。

谢谢

Answer 1

这可以通过另一篇文章来回答：
WPF/Silverlight 状态 - 从 XAML 激活？

特别感谢：Dan Auclair

Answer 2

我通过使用堆栈面板中的故事板而不是网格来在列表框项目模板中声明动画。

<StackPanel Grid.Row="0" Height="175" Orientation="Vertical" Width="Auto">

  <StackPanel.Triggers>
    <EventTrigger RoutedEvent="StackPanel.Loaded">
      <EventTrigger.Actions>
        <BeginStoryboard>
          <Storyboard x:Name="mystoryboard">

            <DoubleAnimationUsingKeyFrames
            Storyboard.TargetName="Trans"
            Storyboard.TargetProperty="X">
              <LinearDoubleKeyFrame Value="-387" KeyTime="0:0:1" />
            </DoubleAnimationUsingKeyFrames>
          </Storyboard>

        </BeginStoryboard>
      </EventTrigger.Actions>
    </EventTrigger>
  </StackPanel.Triggers>

  <TextBlock Margin="400,40,-400,0" TextWrapping="Wrap" Text="{Binding ApplicationName}" FontSize="21.333">
    <TextBlock.RenderTransform>
      <TranslateTransform x:Name="Trans" X="0" Y="0" />
    </TextBlock.RenderTransform>
  </TextBlock>
</StackPanel>

如果你想在网格中使用它，你不需要提供触发函数。它将文本块从右向左移动。请尝试举办活动来激活此功能。