Silverlight 中的简单动画按钮

• 下载源代码 (需要 EB2 SP1 或 VS2008 SP1) - 23.1 KB
• 下载演示程序 - 13.7 KB

引言

这是一个简单的教程，展示了如何在 Silverlight 2 中创建一个动画按钮。 我没有自己编写 XAML 代码，而是使用了 Expression Blend 2。

使用代码

对于具有三个状态的动画按钮，我们应该首先创建三个故事板。

然后，在每个故事板中，我们应该创建一个关键帧来显示新的状态，类似于这样

请注意，我们不能这样使用关键帧

因为动画会显示不正确。

之后，我们应该使用事件来控制动画。 我使用了这些方法来实现：

private void buttonGrid_MouseEnter(object sender, MouseEventArgs e)
{
    Storyboard1.Begin();
}

private void buttonGrid_MouseLeave(object sender, MouseEventArgs e)
{
    Storyboard2.Begin();
}

private void buttonGrid_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
    Storyboard3.Begin();
}

历史

• 2008 年 11 月 27 日：首次发布。