一个更简单效果更好的动感小菜单

Nowpaper 同学做了两个动感小菜单 (Silverlight 游戏开发小技巧：动感小菜单1 和 Silverlight 游戏开发小技巧：动感小菜单2)，效果均不太理想。

如果你知道一些简单的动画技巧，有些非线性动画比线性动画更容易实现，并且效果更好。只需要对按钮添加下面的代码：

double targetZoom = 1;
double smoothedZoom = 1;

public IconCard()
{
InitializeComponent();

RenderTransformOrigin = new Point(0.5, 0.5);
RenderTransform = new ScaleTransform();
CompositionTarget.Rendering += new EventHandler(CompositionTarget_Rendering);
}

protected override void OnMouseEnter(MouseEventArgs e)
{
targetZoom = 1.8;
base.OnMouseLeave(e);
}

protected override void OnMouseLeave(MouseEventArgs e)
{
targetZoom = 1;
base.OnMouseLeave(e);
}

private void CompositionTarget_Rendering(object sender, EventArgs e)
{
smoothedZoom += (targetZoom - smoothedZoom) * 0.2;

((ScaleTransform)RenderTransform).ScaleX = smoothedZoom;
((ScaleTransform)RenderTransform).ScaleY = smoothedZoom;
}

效果如下：

一些瑕疵：1. 如果鼠标移动较快时，按钮会在没有到达最大之前就开始变小。2. 如果帧速过低时，会出现动画跳跃。

最后是 源代码。