changement de données dans DataContext avec animation

Question

Je ne sais pas de résoudre le problème avec le code follwing:

<Window 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> 

    <Window.Resources> 
    <XmlDataProvider x:Key="InternalData" XPath="/Workspace"> 
     <x:XData> 
     <Workspace Name="Workspace" xmlns=""> 
      <Project Name="Project 1"/> 
      <Project Name="Project 2"/> 
      <Project Name="Project 3"/> 
     </Workspace> 
     </x:XData> 
    </XmlDataProvider> 
    </Window.Resources> 

    <StackPanel DataContext="{StaticResource InternalData}"> 
    <ListBox ItemsSource="{Binding XPath=//Workspace/Project}"> 
     <ListBox.ItemTemplate> 
     <DataTemplate> 
      <TextBlock Text="{Binding XPath=@Name}"/> 
     </DataTemplate> 
     </ListBox.ItemTemplate> 
    </ListBox>   
    <TextBox Text="{Binding XPath=//Workspace/Project[1]/@Name, Mode=TwoWay}"/> 

    </StackPanel> 
</Window> 

Comme vous pouvez le voir, je peux changer le nom du premier projet dans l'espace de travail avec la zone de texte. En changeant les données, je veux démarrer une animation pour fondre l'ancienne valeur, changer la valeur et démarrer une animation pour fondre dans la nouvelle valeur (par exemple opacité de "Projet 1" de 1 à 0, changer les données et l'opacité de "" de 0 à 1) Si possible, je voulais implémenter la solution uniquement en XAML. Mais aucune idée. Peut-être quelque chose avec DataTrigger et EnterAction et ExitAction ou des trucs comme ça?

Amitiés Shounborugh

Answer 1

Vous pouvez essayer de regarder pour storyboards WPF. C'est une pratique courante si vous voulez démarrer une animation en utilisant uniquement XAML. C'est le meilleur endroit pour commencer sur les storyboards dans WPF http://msdn.microsoft.com/en-us/library/ms742868.aspx

Voici comment vous pouvez commencer le story-board sur la modification du texte dans la zone de texte

<TextBox Height="23" HorizontalAlignment="Left" Margin="90,44,0,0" Name="textBox1" VerticalAlignment="Top" Width="120"> 
      <TextBox.Triggers> 
       <EventTrigger RoutedEvent="TextBox.TextChanged"> 
        <BeginStoryboard> 
         <Storyboard> 

         </Storyboard> 

        </BeginStoryboard> 
       </EventTrigger> 

      </TextBox.Triggers> 

     </TextBox>