Mix changing properties programmatically and by WPF storyboard animation

Question

I need to make relatively simple WPF application.

Have storyboard that animates buttons when they are pressed, so that they fade out. Animation gradually reduces opacity and sets visibility to hidden. And it works perfectly.

Problem is when I want to show that button again, but programmatically. Well it doesn't work, properties changed by animation become imune to changes made from my code. I also need to hide button programmatically.

So I tried to make fade in animation and call it progammatically like this:

Storyboard fadein = ((Storyboard)FindResource("fadein"));
fadein.Begin(btnFlag);

I do same to call fadeout programmatically.

Now I have different problem:

The first time I call fadeout programmatically, it somehow prevents fadeout to be triggered again when button is pressed.

How should I do it? Thank you.

And I'm sorry if it's stupid question, I just need to make this WPF application and I have no experience with it.

EDIT: I have already tried to change FillBehavior, but it didn't help.

EDIT: I find this really strange. I set btnFlag.Opacity = 1; then immidiatelly after that line I have this line:

Console.WriteLine(btnFlag.Opacity);

and it prints 0.1, which is value set by animation.

EDIT:

This is my fadein and fadeout storyboards:

<Storyboard x:Key="fadein">
            <DoubleAnimation BeginTime="0:0:0.0" Storyboard.TargetProperty="Opacity" From="0.1" To="1.0" Duration="0:0:0.1"/>
            <ObjectAnimationUsingKeyFrames BeginTime="0:0:0.0" Storyboard.TargetProperty="Visibility">
                <DiscreteObjectKeyFrame KeyTime="0">
                    <DiscreteObjectKeyFrame.Value>
                        <Visibility>Visible</Visibility>
                    </DiscreteObjectKeyFrame.Value>
                </DiscreteObjectKeyFrame>
            </ObjectAnimationUsingKeyFrames>
        </Storyboard>
        <Storyboard x:Key="fadeout">
            <DoubleAnimation BeginTime="0:0:0.25" Storyboard.TargetProperty="Opacity" From="1.0" To="0.1" Duration="0:0:0.5"/>
            <ObjectAnimationUsingKeyFrames BeginTime="0:0:0.75" Storyboard.TargetProperty="Visibility">
                <DiscreteObjectKeyFrame KeyTime="0">
                    <DiscreteObjectKeyFrame.Value>
                        <Visibility>Hidden</Visibility>
                    </DiscreteObjectKeyFrame.Value>
                </DiscreteObjectKeyFrame>
            </ObjectAnimationUsingKeyFrames>
        </Storyboard>

I have Style which is referenced by all buttons that I want to have same look and feel. And this is code snippet from that Style:

                <BeginStoryboard Storyboard="{StaticResource fadeout}"/>
            </Trigger.EnterActions>

It all works nice, but the first time I start animation programmatically it stops working the usual way. And if I want to modify properties in code, that were previously modified by animation, all modifications are ignored.

Thank you for trying to help. I have found the answer (at least I think so :) ). I was very tired yesterday. — Marko

Marko Marko · Accepted Answer · 2015-01-18T17:56:04

It seems that I was just too tired to find this yesterday. This seems to explain everything, I'm just not yet sure what approach to use.

How to: Set a Property After Animating It with a Storyboard

Well, I hope this will be helpful to someone.

Unfortunately, it can't help me, because my storyboard is referenced from Style and Button references that Style. So it seems there is no way to get Storyboard object and remove Button from it. And button.BeginAnimations(Button.OpacityProperty, null) doesn't help neither in this case. If I find solution I'll post it. But for now, it seems there is no solution.

Mix changing properties programmatically and by WPF storyboard animation

1 Answers