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 CurrentMidIndexProperty
public 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 ModelAngleProperty
public 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 XDistanceBetweenModelsProperty
public 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 ZDistanceBetweenModelsProperty
public 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 MidModelDistanceProperty
public 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;
}
}
#endregion
public 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:
<Window
xmlns="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...
