视图模型属性上的按钮动画更改？

Question

我有以下xaml代码。只要按下按钮，XAML就会在按钮上显示动画。我想在视图模型中的布尔属性发生更改时启动/停止动画。提前感谢任何帮助。

<Button Name="button5" Width="100" Margin="10" HorizontalContentAlignment="Left">
            <Button.Triggers>
                <EventTrigger RoutedEvent="Button.Click">
                    <EventTrigger.Actions>
                        <BeginStoryboard>
                            <Storyboard>
                                <DoubleAnimation Storyboard.TargetName="myBorder" Storyboard.TargetProperty="Width" From="0" To="94" Duration="0:0:1" AutoReverse="True" RepeatBehavior="5x" />
                            </Storyboard>
                        </BeginStoryboard>
                    </EventTrigger.Actions>
                </EventTrigger>
            </Button.Triggers>
            <Button.Content>
                <Grid Width="94">
                    <Border HorizontalAlignment="Left" Width="0" Name="myBorder">
                        <Border.Background>
                            <LinearGradientBrush>
                                <LinearGradientBrush.GradientStops>
                                    <GradientStop Offset="0.115" Color="Black" />
                                    <GradientStop Offset="0.715" Color="Red" />
                                </LinearGradientBrush.GradientStops>
                            </LinearGradientBrush>
                        </Border.Background>
                    </Border>
                    <TextBlock FontSize="14" HorizontalAlignment="Center">Search</TextBlock>
                </Grid>
            </Button.Content>
        </Button>

另外，我如何以这样的方式设置按钮的动画：一旦边框宽度达到其最大宽度，就会发生反向动画。我的意思是我想在按钮内部使用波浪效果（使用渐变）。一旦碰到按钮的最右端，波应该回转。同样应该无限期重复。将使用ViewModel布尔属性控制此动画。