Блог

У меня есть следующий код 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.