3D 界面切换

今天由于项目需要,使用了3D界面的切换,看了很多例子,把图片的3D切换改成了,界面的切换.

CS内容:

using System;using System.Collections.Generic;using System.Text;using System.Windows;using System.Windows.Controls;using System.Windows.Data;using System.Windows.Documents;using System.Windows.Input;using System.Windows.Media;using System.Windows.Media.Imaging;using System.Windows.Shapes;using System.IO;using System.Windows.Media.Media3D;using _3DTools;using System.Windows.Media.Animation;namespace CoverFlowDemo{///<summary>/// Interaction logic for Window1.xaml///</summary>public partial class Window1 : System.Windows.Window {#region CurrentMidIndexPropertypublic static readonly DependencyProperty CurrentMidIndexProperty = DependencyProperty.Register("CurrentMidIndex", typeof(double), typeof(Window1),new FrameworkPropertyMetadata(new PropertyChangedCallback(CurrentMidIndexPropertyChangedCallback)));private static void CurrentMidIndexPropertyChangedCallback(DependencyObject sender, DependencyPropertyChangedEventArgs arg) { Window1 win = sender as Window1;if (win != null) { win.ReLayoutInteractiveVisual3D(); } }double currentMidIndex;///<summary>/// 获取或设置当前中间项序号///</summary> public double CurrentMidIndex {get {return currentMidIndex; }set {this.currentMidIndex = value; ReLayoutInteractiveVisual3D(); } }#endregion#region ModelAnglePropertypublic static readonly DependencyProperty ModelAngleProperty = DependencyProperty.Register("ModelAngle", typeof(double), typeof(Window1),new FrameworkPropertyMetadata(70.0, new PropertyChangedCallback(ModelAnglePropertyChangedCallback)));private static void ModelAnglePropertyChangedCallback(DependencyObject sender, DependencyPropertyChangedEventArgs arg) { Window1 win = sender as Window1;if (win != null) { win.ReLayoutInteractiveVisual3D(); } }double modelAngle = 70.0;///<summary>/// 获取或设置模型沿Y轴的旋转角度///</summary> public double ModelAngle {get {return modelAngle; }set {this.modelAngle = value; } }#endregion#region XDistanceBetweenModelsPropertypublic static readonly DependencyProperty XDistanceBetweenModelsProperty = DependencyProperty.Register("XDistanceBetweenModels", typeof(double), typeof(Window1),new FrameworkPropertyMetadata(0.5, XDistanceBetweenModelsPropertyChangedCallback));private static void XDistanceBetweenModelsPropertyChangedCallback(DependencyObject sender, DependencyPropertyChangedEventArgs arg) { Window1 win = sender as Window1;if (win != null) { win.ReLayoutInteractiveVisual3D(); } }double xDistanceBetweenModels = 0.5;///<summary>/// 获取或设置X方向上两个模型间的距离///</summary> public double XDistanceBetweenModels {get {return xDistanceBetweenModels; }set {this.xDistanceBetweenModels = value; } }#endregion#region ZDistanceBetweenModelsPropertypublic static readonly DependencyProperty ZDistanceBetweenModelsProperty = DependencyProperty.Register("ZDistanceBetweenModels", typeof(double), typeof(Window1),new FrameworkPropertyMetadata(0.5, ZDistanceBetweenModelsPropertyChangedCallback));private static void ZDistanceBetweenModelsPropertyChangedCallback(DependencyObject sender, DependencyPropertyChangedEventArgs arg) { Window1 win = sender as Window1;if (win != null) { win.ReLayoutInteractiveVisual3D(); } }double zDistanceBetweenModels = 0.5;///<summary>/// 获取或设置Z方向上两个模型间的距离///</summary> public double ZDistanceBetweenModels {get {return zDistanceBetweenModels; }set {this.zDistanceBetweenModels = value; } }#endregion#region MidModelDistancePropertypublic static readonly DependencyProperty MidModelDistanceProperty = DependencyProperty.Register("MidModelDistance", typeof(double), typeof(Window1),new FrameworkPropertyMetadata(1.5, MidModelDistancePropertyChangedCallback));private static void MidModelDistancePropertyChangedCallback(DependencyObject sender, DependencyPropertyChangedEventArgs arg) { Window1 win = sender as Window1;if (win != null) { win.ReLayoutInteractiveVisual3D(); } }double midModelDistance = 1.5;///<summary>/// 获取或设置中间的模型距离两边模型的距离///</summary> public double MidModelDistance {get {return midModelDistance; }set {this.midModelDistance= value; } }#endregionpublic Window1() { InitializeComponent(); IniComponent(); }private void IniComponent() {this.LoadImageToViewport3D(this.GetUserImages());//test this.MouseDown += new MouseButtonEventHandler(Window1_MouseDown); }void Window1_MouseDown(object sender, MouseButtonEventArgs e) {if (e.LeftButton == MouseButtonState.Pressed) {this.CurrentMidIndex++; }else {this.CurrentMidIndex--; } }///<summary>/// 添加图片到视口///</summary>///<param name="images"></param> private void LoadImageToViewport3D(List<UserControl> images) {if (images == null) {return; }for(int i=0; i<images.Count; i++) {//string imageFile = images[i]; UserControl imageFile = images[i]; InteractiveVisual3D iv3d = this.CreateInteractiveVisual3D(imageFile, i);this.viewport3D.Children.Add(iv3d); }this.ReLayoutInteractiveVisual3D(); }///<summary>/// 获取当前用户的图片文件夹中的图片(不包含子文件夹)///</summary>///<returns>返回图片路径列表</returns> private List<UserControl> GetUserImages() { List<UserControl> images = new List<UserControl>();//string path = Environment.GetFolderPath(Environment.SpecialFolder.MyPictures);//DirectoryInfo dir = new DirectoryInfo(path);//FileInfo[] files = dir.GetFiles("*.jpg", SearchOption.AllDirectories);//if (files != null)//{// foreach (FileInfo file in files)// { UserControl1 u1 = new UserControl1(); UserControl2 u2 = new UserControl2(); UserControl3 u3 = new UserControl3(); UserControl4 u4 = new UserControl4(); images.Add(u1); images.Add(u2); images.Add(u3); images.Add(u4);// }//}return images; }///<summary>/// 由指定的图片路径创建一个可视对象///</summary>///<param name="imageFile">图片路径</param>///<returns>创建的可视对象</returns> private Visual CreateVisual(UserControl imageFile, int index) {//BitmapImage bmp = null;//try//{// bmp = new BitmapImage(new Uri(imageFile));//}//catch//{//}//Image img = new Image();//img.Width = 50;//img.Source = bmp; Border outBordre = new Border(); outBordre.BorderBrush = Brushes.White; outBordre.BorderThickness = new Thickness(0.5); outBordre.Child = imageFile; outBordre.MouseDown += delegate(object sender, MouseButtonEventArgs e) {this.CurrentMidIndex = index; e.Handled = true; }; imageFile.MouseDown += delegate(object sender, MouseButtonEventArgs e) {this.CurrentMidIndex = index; e.Handled = true; };return outBordre; }///<summary>/// 创建3D图形///</summary>///<returns>创建的3D图形</returns> private Geometry3D CreateGeometry3D() { MeshGeometry3D geometry = new MeshGeometry3D(); geometry.Positions = new Point3DCollection(); geometry.Positions.Add(new Point3D(-1, 1, 0)); geometry.Positions.Add(new Point3D(-1, -1, 0)); geometry.Positions.Add(new Point3D(1, -1, 0)); geometry.Positions.Add(new Point3D(1, 1, 0)); geometry.TriangleIndices = new Int32Collection(); geometry.TriangleIndices.Add(0); geometry.TriangleIndices.Add(1); geometry.TriangleIndices.Add(2); geometry.TriangleIndices.Add(0); geometry.TriangleIndices.Add(2); geometry.TriangleIndices.Add(3); geometry.TextureCoordinates = new PointCollection(); geometry.TextureCoordinates.Add(new Point(0, 0)); geometry.TextureCoordinates.Add(new Point(0, 1)); geometry.TextureCoordinates.Add(new Point(1, 1)); geometry.TextureCoordinates.Add(new Point(1, 0));return geometry; }///<summary>/// 为指定图片路径创建一个3D视觉对象///</summary>///<param name="imageFile"></param>///<returns></returns> private InteractiveVisual3D CreateInteractiveVisual3D(UserControl imageFile, int index) { InteractiveVisual3D iv3d = new InteractiveVisual3D(); iv3d.Visual = this.CreateVisual(imageFile, index); iv3d.Geometry = this.CreateGeometry3D(); iv3d.Transform = this.CreateEmptyTransform3DGroup();return iv3d; }///<summary>/// 创建一个空的Transform3DGroup///</summary>///<returns></returns> private Transform3DGroup CreateEmptyTransform3DGroup() { Transform3DGroup group = new Transform3DGroup(); group.Children.Add(new RotateTransform3D(new AxisAngleRotation3D(new Vector3D(0, 1, 0), 0))); group.Children.Add(new TranslateTransform3D(new Vector3D())); group.Children.Add(new ScaleTransform3D());return group; }///<summary>/// 依照InteractiveVisual3D在列表中的序号来变换其位置等///</summary>///<param name="index">在列表中的序号</param>///<param name="midIndex">列表中被作为中间项的序号</param> private void GetTransformOfInteractiveVisual3D(int index, double midIndex, out double angle, out double offsetX, out double offsetZ) {double disToMidIndex = index - midIndex;//旋转,两翼的图片各旋转一定的度数 angle = 0;if (disToMidIndex < 0) { angle = this.ModelAngle;//左边的旋转N度 }else if (disToMidIndex > 0) { angle = (-this.ModelAngle);//右边的旋转-N度 }//平移,两翼的图片逐渐向X轴负和正两个方向展开 offsetX = 0;//中间的不平移 if (Math.Abs(disToMidIndex) <= 1) { offsetX = disToMidIndex * this.MidModelDistance; }else if (disToMidIndex != 0) { offsetX = disToMidIndex * this.XDistanceBetweenModels + (disToMidIndex > 0 ? this.MidModelDistance : -this.MidModelDistance); }//两翼的图片逐渐向Z轴负方向移动一点,造成中间突出(离观众较近的效果) offsetZ = Math.Abs(disToMidIndex) * -this.ZDistanceBetweenModels; }///<summary>/// 重新布局3D内容///</summary> private void ReLayoutInteractiveVisual3D() {int j=0;for (int i = 0; i < this.viewport3D.Children.Count; i++) { InteractiveVisual3D iv3d = this.viewport3D.Children[i] as InteractiveVisual3D;if(iv3d != null) {double angle = 0;double offsetX = 0;double offsetZ = 0;this.GetTransformOfInteractiveVisual3D(j++, this.CurrentMidIndex,out angle,out offsetX,out offsetZ); NameScope.SetNameScope(this, new NameScope());this.RegisterName("iv3d", iv3d); Duration time = new Duration(TimeSpan.FromSeconds(0.3)); DoubleAnimation angleAnimation = new DoubleAnimation(angle, time); DoubleAnimation xAnimation = new DoubleAnimation(offsetX, time); DoubleAnimation zAnimation = new DoubleAnimation(offsetZ, time); Storyboard story = new Storyboard(); story.Children.Add(angleAnimation); story.Children.Add(xAnimation); story.Children.Add(zAnimation); Storyboard.SetTargetName(angleAnimation, "iv3d"); Storyboard.SetTargetName(xAnimation, "iv3d"); Storyboard.SetTargetName(zAnimation, "iv3d"); Storyboard.SetTargetProperty( angleAnimation,new PropertyPath("(ModelVisual3D.Transform).(Transform3DGroup.Children)[0].(RotateTransform3D.Rotation).(AxisAngleRotation3D.Angle)")); Storyboard.SetTargetProperty( xAnimation,new PropertyPath("(ModelVisual3D.Transform).(Transform3DGroup.Children)[1].(TranslateTransform3D.OffsetX)")); Storyboard.SetTargetProperty( zAnimation,new PropertyPath("(ModelVisual3D.Transform).(Transform3DGroup.Children)[1].(TranslateTransform3D.OffsetZ)")); story.Begin(this); } } } }}

 

XAML:

<Windowxmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:_3DTools="clr-namespace:_3DTools;assembly=3DTools" x:Class="CoverFlowDemo.Window1" Title="CoverFlowDemo" Height="441" Width="702" Background="black" x:Name="Window" xmlns:System="clr-namespace:System;assembly=mscorlib"><Grid><Grid.RowDefinitions><RowDefinition Height="353*"/><RowDefinition Height="49*"/></Grid.RowDefinitions><_3DTools:Interactive3DDecorator Margin="0,0,0,0"><Viewport3D x:Name="viewport3D" OpacityMask="#FFFFF2F2"><!----><Viewport3D.Camera><PerspectiveCamera Position="0,0,6"/></Viewport3D.Camera><!---><ModelVisual3D><ModelVisual3D.Content><AmbientLight Color="White"/></ModelVisual3D.Content></ModelVisual3D></Viewport3D></_3DTools:Interactive3DDecorator></Grid></Window>

其中使用了.3DTools.dll...

 

源码

转载于:https://www.cnblogs.com/hengbo/archive/2011/11/02/2233358.html