下面给大家演示的是使用在WPF 3D上实现视角变换，通过鼠标拖动来变换观察视角，通过滚轮来放缩视距。 有关3D的基础知识可以参考MSDN文档：三维图形概述
首先创建一个3D立方体，立方体是由六个面构成(F1, F2 ....F6)其XAML代码如下：
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" Height="295" Width="525" Background="Black"
MouseMove="Viewport3D_MouseMove"
MouseLeftButtonDown="Viewport3D_MouseLeftButtonDown"
MouseWheel="Viewport3D_MouseWheel"
KeyDown="Window_KeyDown">
说明一下使用到的几个变量：
其中MouseLeftButtonDown是用来获取鼠标在进入拖动状态之前的位置，这样我们就可以根据鼠标位置的改变类变换视角。 Point mouseLastPosition;
private void Viewport3D_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
mouseLastPosition = e.GetPosition(this);
}
下面是MouseMove事件，实现视角的变换。首先鼠标在拖动的过程中，可能发生水平方向上的变化和垂直方向上的变化，所以，我们将对不同的变化方向进行不同的变换。这里我将水平变换和垂直变换已经分别封装至两个方法中：HorizontalTransform（水平变换）和VerticalTransform（垂直变换）
private void Viewport3D_MouseMove(object sender, MouseEventArgs e)
{
if (Mouse.LeftButton == MouseButtonState.Pressed)
{
Point newMousePosition = e.GetPosition(this);
if (mouseLastPosition.X != newMousePosition.X)
{
HorizontalTransform(mouseLastPosition.X < newMousePosition.X, mouseDeltaFactor);//水平变换
}
if (mouseLastPosition.Y != newMousePosition.Y)// change position in the horizontal direction
{
VerticalTransform(mouseLastPosition.Y > newMousePosition.Y, mouseDeltaFactor);//垂直变换
}
mouseLastPosition = newMousePosition;
}
}
接下来我们就来看一下这两个变换方法的具体实现：
垂直变换：
private void VerticalTransform(bool upDown, double angleDeltaFactor) { Vector3D postion = new Vector3D(camera.Position.X, camera.Position.Y, camera.Position.Z); Vector3D rotateAxis = Vector3D.CrossProduct(postion, camera.UpDirection); RotateTransform3D rt3d = new RotateTransform3D(); AxisAngleRotation3D rotate = new AxisAngleRotation3D(rotateAxis, angleDeltaFactor * (upDown ? -1 : 1)); rt3d.Rotation = rotate; Matrix3D matrix = rt3d.Value; Point3D newPostition = matrix.Transform(camera.Position); camera.Position = newPostition; camera.LookDirection = new Vector3D(-newPostition.X, -newPostition.Y, -newPostition.Z); //update the up direction Vector3D newUpDirection = Vector3D.CrossProduct(camera.LookDirection, rotateAxis); newUpDirection.Normalize(); camera.UpDirection = newUpDirection; }
水平变换： private void HorizontalTransform(bool leftRight, double angleDeltaFactor) { Vector3D postion = new Vector3D(camera.Position.X, camera.Position.Y, camera.Position.Z); Vector3D rotateAxis = camera.UpDirection; RotateTransform3D rt3d = new RotateTransform3D(); AxisAngleRotation3D rotate = new AxisAngleRotation3D(rotateAxis, angleDeltaFactor * (leftRight ? -1 : 1)); rt3d.Rotation = rotate; Matrix3D matrix = rt3d.Value; Point3D newPostition = matrix.Transform(camera.Position); camera.Position = newPostition; camera.LookDirection = new Vector3D(-newPostition.X, -newPostition.Y, -newPostition.Z); }
最后还有一个鼠标滚轮调节视距的变换，如下：
private void Viewport3D_MouseWheel(object sender, MouseWheelEventArgs e) { double scaleFactor = 3; //120 near , -120 far System.Diagnostics.Debug.WriteLine(e.Delta.ToString()); Point3D currentPosition = camera.Position; Vector3D lookDirection = camera.LookDirection;//new Vector3D(camera.LookDirection.X, camera.LookDirection.Y, camera.LookDirection.Z); lookDirection.Normalize(); lookDirection *= scaleFactor; if (e.Delta == 120)//getting near { if ((currentPosition.X + lookDirection.X) * currentPosition.X > 0) { currentPosition += lookDirection; } } if (e.Delta == -120)//getting far { currentPosition -= lookDirection; } Point3DAnimation positionAnimation = new Point3DAnimation(); positionAnimation.BeginTime = new TimeSpan(0, 0, 0); positionAnimation.Duration = TimeSpan.FromMilliseconds(100); positionAnimation.To = currentPosition; positionAnimation.From = camera.Position; positionAnimation.Completed += new EventHandler(positionAnimation_Completed); camera.BeginAnimation(PerspectiveCamera.PositionProperty, positionAnimation, HandoffBehavior.Compose); }
演示程序 源代码
最新评论