Data change in DataContext with animation - wpf

Question

i have no idea to solve the problem with follwing code:
<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>
As you can see, i can change the Name of the first Project in the Workspace with the TextBox.
By changing the data, i want to start an animation to fade out the old value, change the value and start an animation to fade in the new value (e.g. opacity of "Project 1" from 1 to 0, change data and opacity of "" from 0 to 1)
If possible, i wanted to implement the solution only in XAML. But no idea. Maybe something with DataTrigger and EnterAction and ExitAction or stuff like that?
Kind regards
Shounborugh

Answer 1

You might want to try looking in to WPF storyboards. This is a common practice if you want to start an animation using only XAML. This is the best place to start about storyboards in WPF
http://msdn.microsoft.com/en-us/library/ms742868.aspx
This is how you can start the storyboard upon changing the text in the textbox
<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>