Question

I have a simple button (3 of them – all same except the content binding which is just an integer.

<Button Width="24" Height="24" Style="{StaticResource CircleButton}" 
                   Background="#CC2B2B" Foreground="#FFFFFF"
                   Content="{Binding PinnedItemsCount, 
                             FallbackValue=0, 
                             Mode=TwoWay,  
                             UpdateSourceTrigger=PropertyChanged, 
                             NotifyOnTargetUpdated=True}" 
                   Name="ui_btnPinnedCount" />

How do I make the button boune when the data changes?

The underlying content implements INotifyPropertyChanged and the data bindings are all working, just need the button to bounce 3 times once the data changes….

Thanks!

Answer 1

Use animations with a DataTrigger

http://msdn.microsoft.com/en-us/library/system.windows.media.animation.bounceease.aspx

How to: Trigger an Animation When Data Changes

<Rectangle Name="myRectangle" Width="200" Height="30" Fill="Blue">
<Rectangle.Triggers>
    <EventTrigger RoutedEvent="Rectangle.MouseDown">
        <BeginStoryboard>
            <Storyboard>
                <Storyboard x:Name="myStoryboard">
                    <DoubleAnimation From="30" To="200" Duration="00:00:3" 
                     Storyboard.TargetName="myRectangle" 
                     Storyboard.TargetProperty="Height">
                        <DoubleAnimation.EasingFunction>
                            <BounceEase Bounces="2" EasingMode="EaseOut" 
                             Bounciness="2" />
                        </DoubleAnimation.EasingFunction>
                    </DoubleAnimation>
                </Storyboard>

            </Storyboard>
        </BeginStoryboard>
    </EventTrigger>
</Rectangle.Triggers>

</Rectangle>