WPF案例 (三) 模拟QQ“快速换装"界面

原文:WPF案例 (三) 模拟QQ“快速换装"界面

这个小程序使用Wpf模拟QQ快速换装页面的动画特效，通过使用组合快捷键Ctrl+Left或Ctrl+Right，可实现Image平滑的向左或者向右滑动，页面如下，有兴趣的朋友可以下载源码

在构建这个示例的3D场景时，使用了ModelVisual3D和Model3DGroup元素，ModelVisual3D是一个3D容器类，用来包含3D元素，在这里使用Model3DGroup打包了3个GeometryModel3D，每个GeometryModel3D的Materia各填充了一幅Image，将Model3DGroup设置为ModelVisual3D的Content，使用RotateTransform3D和TranslateTransform3D对Model3DGroup集合中的每个GeometryModel3D应用模型变换，最终出现图示的效果

3D场景

                                                                          </Viewport3D>

对3D场景使用动画其实就是对3D场景中的基本基元的依赖项属性使用动画，这些依赖项属性中最常用的就是跟3D模型变换相关的三个元素TranslateTransform3D、ScaleTransform3D 和 RotateTransform3D，通过这三个元素的组合动画，可让3D场景非常活跃，向用户呈现出绚丽的界面和丰富的操作体验，比如这个示例中的动画就是通过对GeometryModel3D应用了TranslateTransform3D和RotateTransform3D的模型变换

C#动画

                                                                  private void AnimationVisualElement(TranslateTransform3D translate,

                                       }

最后定义快捷键，按下组合键Ctrl+Left或者Ctrl+Right，界面中的Image将平滑的向左或者向右切换

定义快捷键

private void Window_KeyDown(object sender, KeyEventArgs e)
  {
     if (e.KeyStates == Keyboard.GetKeyStates(Key.Left) && Keyboard.Modifiers == ModifierKeys.Control)
         {
           //向左滑动图片
            this.MoveCurrentToPrevious();
         }
     else if (e.KeyStates == Keyboard.GetKeyStates(Key.Right) && Keyboard.Modifiers == ModifierKeys.Control)
        {
           //向右滑动图片
            this.MoveCurrentToNext();
        }
 }