一个更简单效果更好的动感小菜单
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. 如果帧速过低时,会出现动画跳跃。
最后是 源代码。