在我从这里运行的图像上获取动画后:Animate image in a button我希望能够打开和关闭动画,具体取决于从外部点击按钮,即从ViewModel
所以我在Bahavior中添加了一个新的DependencyProperty(包含了所有需要的东西)
public static readonly DependencyProperty IsShakingProperty =
DependencyProperty.Register(IsShakingName,
typeof(bool),
typeof(ShakeBehavior),
new PropertyMetadata(DefaultIsShaking));
我已经为我的ViewModel添加了一个新的公共属性
public bool IsShaking { get; set; }
但是,根据ViewModel属性设置为true还是false,我可以做什么来打开和关闭动画? (我想按一下按钮来控制动画)
以下是我认为相关的一些代码
private Timeline CreateAnimationTimeline()
{
DoubleAnimationUsingKeyFrames animation = new DoubleAnimationUsingKeyFrames();
animation.SetValue(Storyboard.TargetPropertyProperty, new PropertyPath("(0).(1)", UIElement.RenderTransformProperty, RotateTransform.AngleProperty));
int keyFrameCount = 8;
double timeOffsetInSeconds = 0.25;
double totalAnimationLength = keyFrameCount * timeOffsetInSeconds;
double repeatInterval = RepeatInterval;
bool isShaking = IsShaking;
// Can't be less than zero and pointless to be less than total length
if (repeatInterval < totalAnimationLength)
repeatInterval = totalAnimationLength;
animation.Duration = new Duration(TimeSpan.FromSeconds(repeatInterval));
int targetValue = 12;
for (int i = 0; i < keyFrameCount; i++)
animation.KeyFrames.Add(new LinearDoubleKeyFrame(i % 2 == 0 ? targetValue : -targetValue, KeyTime.FromTimeSpan(TimeSpan.FromSeconds(i * timeOffsetInSeconds))));
animation.KeyFrames.Add(new LinearDoubleKeyFrame(0, KeyTime.FromTimeSpan(TimeSpan.FromSeconds(totalAnimationLength))));
return animation;
}
这是我的XAML的一部分:
<ListBox.ItemTemplate>
<DataTemplate>
<Button Focusable="False" Command="{Binding ClickToolCommand}" Grid.Row="{Binding Path=Row}" Grid.Column="{Binding Path=Col}" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Margin="0">
<Image Source="myImage.png" Grid.Row="{Binding Path=Row}" Grid.Column="{Binding Path=Col}" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Margin="0">
<i:Interaction.Behaviors>
<local:ShakeBehavior RepeatInterval="1" SpeedRatio="3.0" IsShaking="{Binding Path=IsShaking}"/>
</i:Interaction.Behaviors>
</Image>
</Button>
</DataTemplate>
</ListBox.ItemTemplate>
也许DataTrigger可以提供帮助,正如其他SO中所指出的那样,但我的XAML中没有故事板,因为我有一个自定义 Behavior
任何输入高度赞赏!
1 回答
首先,让我重复我在原始post中所说的内容 . 如果您只使用自定义控件,那么执行"shaky"图像按钮会变得更加简单 . 此外,使用摇摇欲坠的图像按钮作为"a way to engage a users attention"是一个可怕的想法,让我想起1990年的网站设计 . 此外,您复制的实现中存在一个小缺陷,对创建的触发器没有退出操作 . 无论如何,这是如何做你需要的:
创建附加属性,如下所示:
然后用以下代码替换现有的“OnAttach”方法:
然后,根据按钮的可见性而不是使用摇动触发器,将其更改为关闭附加属性:
然后你按如下方式使用它: