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