Раскадровка не анимируется, если по умолчанию элемент управления отключен при загрузке

Question

У меня есть проблема с анимацией раскадровки, когда элемент управления загружается впервые. Как только он загружен, тогда, если я изменяю его IsEnabled на true или false, тогда это работает. Интересно, так ли это? Но та же основа прекрасно работает в приложении Windows Phone.

<Button Style="{StaticResource SyncBtnStyle}" Tag="/Assets/topicon_refresh.png" 
                IsEnabled="False" />


        <Style x:Key="SyncBtnStyle" TargetType="Button">
        <Setter Property="Background" Value="Transparent"/>
        <Setter Property="FontFamily" Value="Segoe UI Symbol"/>
        <Setter Property="FontWeight" Value="Normal"/>
        <Setter Property="FontSize" Value="56"/>
        <Setter Property="Padding" Value="10,5,10,6"/>
        <Setter Property="Height" Value="40"/>
        <Setter Property="Width" Value="40"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="Button">
                    <Grid Background="Transparent">
                        <VisualStateManager.VisualStateGroups>
                            <VisualStateGroup x:Name="CommonStates">
                                <VisualState x:Name="Normal"/>
                                <VisualState x:Name="MouseOver"/>
                                <VisualState x:Name="Pressed">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="BgEllipse">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="1"/>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </VisualState>
                                <VisualState x:Name="Disabled">
                                    <Storyboard RepeatBehavior="Forever">
                                        <DoubleAnimation Duration="0:0:1" To="360" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.Rotation)" Storyboard.TargetName="MainImg" />
                                    </Storyboard>
                                </VisualState>
                            </VisualStateGroup>
                        </VisualStateManager.VisualStateGroups>
                        <Border x:Name="ButtonBackground"  Background="{TemplateBinding Background}" CornerRadius="0">
                            <Grid>
                                <Ellipse Fill="Transparent" Margin="4 6 4 4" Opacity="0" x:Name="BgEllipse"/>
                                <Image x:Name="MainImg" Stretch="Uniform" Source="{Binding Tag, RelativeSource={RelativeSource Mode=TemplatedParent}}" RenderTransformOrigin="0.5,0.5">
                                    <Image.RenderTransform>
                                        <CompositeTransform/>
                                    </Image.RenderTransform>
                                </Image>
                            </Grid>
                        </Border>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

Помоги мне, если я делаю что-то не так здесь.