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

      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. 如果帧速过低时，会出现动画跳跃。

      最后是 源代码。