MVVM with animations (should I use VisualStateManager?)

Posted by kennethkryger on Stack Overflow See other posts from Stack Overflow or by kennethkryger
Published on 2010-05-28T11:20:05Z Indexed on 2010/05/28 11:21 UTC
Read the original article Hit count: 417

Filed under:

wpf

|

animation

|

mvvm

|

datatemplate

|

visualstatemanager

I've got a View.xaml with the following set in Resources-section:

<DataTemplate DataType="{x:Type ViewModels:MyFirstViewModel}">
    <Views:MyFirstView Content="{Binding}" />
</DataTemplate>

<DataTemplate DataType="{x:Type ViewModels:MySecondViewModel}">
    <Views:MySecondView Content="{Binding}"/>
</DataTemplate>

In the content of the View.xaml I have:

<!-- SelectedMyViewModel is either set to MyFirstViewModel or MySecondViewModel -->
<ContentControl Content="{Binding SelectedMyViewModel}" />

When the SelectedMyViewModel changes I'd like to have a animation, so that the current view is faded out and the new view is faded in...

Somehow I feel this should be possible via the VisualStateManager - but I can't figure out how!

This is a WPF 4.0 project...

© Stack Overflow or respective owner

Related posts about wpf

C#/WPF - RoutedEvent in WPF class that isn't a UIElement

as seen on Stack Overflow - Search for 'Stack Overflow'
I have a class that needs to notify that something significant has occured. The class is in a WPF-project, even though this specific class, is lookless (and doesn't inherit from UIElement, neither directly or indirectly). Normally, I just register a RoutedEvent to get this functionality but as this… >>> More
How to pass value from wpf form to wpf user control

as seen on Stack Overflow - Search for 'Stack Overflow'
Hai am having a WPF user control in my WPF Form, when i click my button in my form , i just want to pass some value to the textbox which is in the usercontrol, tell me how to do this. >>> More
WPF opening up exe program within WPF window

as seen on Stack Overflow - Search for 'Stack Overflow'
Not sure if this is possible but is there a way to open up another program like notepad within the container of a WPF window? similiar to that of being able to open a web page using the webbrowser control? Basically I would like to open notepad or other exe but keep it constrained within the WPF… >>> More
Silverlight Commands Hacks: Passing EventArgs as CommandParameter to DelegateCommand triggered by Ev

as seen on ASP.net Weblogs - Search for 'ASP.net Weblogs'
Today I've tried to find a way how to pass EventArgs as CommandParameter to DelegateCommand triggered by EventTrigger. By reverse engineering of default InvokeCommandAction I find that blend team just ignores event args.To resolve this issue I have created my own action for triggering delegate commands… >>> More
Building applications with WPF, MVVM and Prism(aka CAG)

as seen on ASP.net Weblogs - Search for 'ASP.net Weblogs'
In this article I am going to walk through an application using WPF and Prism (aka composite application guidance, CAG) which simulates engaging a taxi (cab). The rules are simple, the app would have3 screens A login screen to authenticate the user An information screen. A screen… >>> More

Related posts about animation

jerky animation using Core Animation

as seen on Stack Overflow - Search for 'Stack Overflow'
In my iPhone app, I am trying to get some red and white stripes that are scrolling across the screen to animate smoothly when the speed of the stripes gets high. In my app the user starts the animation and changes the scrolling speed by a finger swipe and changes the width of the stripes by a two… >>> More
Trigerring other animation after first ending Animation (Objetive-C)

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi, I have a simple animation which simply modify the position of a button: [UIView beginAnimation:nil context:nil]; [UIView setAnimationsDuration:3.0]; [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut]; mybutton.frame = CGREctMake(20, 233, 280, 46); [UIView commitAnimations]; I want to… >>> More
how to import mesh animation from cinema4d into blender ?

as seen on Super User - Search for 'Super User'
I need to import a mesh animation from Cinema4D into Blender. I tried to do that using Collada.The Collada 1.3 importer doesn't seem to do anything, the Collada 1.4 importer seems to work, but the animation didn't get imported into Blender. After reading this post, I tried modifying the animation… >>> More
Making a ViewFlipper like the Home Screen using MotionEvent.ACTION_MOVE

as seen on Stack Overflow - Search for 'Stack Overflow'
Ok I have a ViewFlipper with three LinearLayouts nested inside it. It defaults to showing the first one. This code: // Assumptions in my Activity class: // oldTouchValue is a float // vf is my view flipper @Override public boolean onTouchEvent(MotionEvent touchEvent) { switch (touchEvent.getAction())… >>> More
How to Animate Text and Objects in PowerPoint 2010

as seen on How to geek - Search for 'How to geek'
Are you looking for an eye catching way to keep your audience interested in your PowerPoint presentations? Today we’ll take a look at how to add animation effects to objects in PowerPoint 2010. Select the object you wish to animate and then click the More button in the Animation group of the Animation… >>> More