WPF中的三维空间(2)

原文:WPF中的三维空间(2)

2.10.3
三维对象操作

1.在二维平面空间移动、缩放、旋转Viewport3D控件对象

            

                           
                        
图2-196 选中Viewport3D控件对象     
图2-197
二维平面空间中对象操作图标

【设计面板】实际上是X-Y平面,在【对象和时间线】面板上选中Viewport3D控件对象,同时选中【工具】面板中的“选择”工具,在【设计面板】中的选中的对象被平面蓝色边框(称二维边框)包围,边框上有8个选择点,如图2-196所示。图的中央有1个点是对象的中心点。这时,当鼠标出现在选中区域内,鼠标形状如图2-197左1所示,可以移动3D对象;

当鼠标悬浮在图2-196对象边框的选择点时,鼠标形状如图2-197中间所示,可以缩放3D对象(按住Shift键时保持纵横比),二维边框也跟随变化;

当鼠标悬浮在图2-196对象边框的顶点外时,鼠标形状如图2-197右边所示,可以在X-Y平面中旋转3D对象(按住Shift键时有15度的增量);

调整大小、缩放或倾斜对象的同时按住 Alt
键,将保留中心点的位置不变。

在【属性】面板的“转换”栏中也可以对三维对象进行平移、旋转、缩放等操作。

2.在三维空间调整3D几何对象姿态 

当选择【对象和时间线】面板中的3D几何对象(World),同时选中【工具】面板中的“选择”工具,在【设计面板】中的选中的3D几何对象被立体边框(三维边框)包围,如图2-198所示。

                       

      
图2-198 选中3D几何对象       
   图2-199三维立体空间中操作图标

当鼠标悬浮在图2-198的坐标轴上(如箭头端)时,出现图2-199中左边图的形状(现在是悬浮在X轴上的形状,Y、Z轴上的形状稍有差异,主要是横线和箭头的夹角不一样),这时可以沿坐标轴在二维边框内整体移动几何对象。

当鼠标悬浮在图2-198的两个坐标轴交叉的弧线上时,出现图2-199中间图的形状,这时可以沿某轴旋转3D几何对象;

当鼠标悬浮在图2-198的坐标轴和弧线的交叉点上时,出现图2-199右边图的形状,这时可以沿某轴缩放3D几何对象;

当选中【工具】面板中的“摄影轨迹”工具时,可以任意角度旋转3D几何对象。

3.照相机移动 

当选中【工具】面板中的“摄影轨迹”工具时,旋转3D几何对象就是移动相机。

当选中“摄影轨迹”工具时,按住Alt键,鼠标向上移动,照相机靠近3D对象,鼠标向下移动,照相机远离3D对象;

当选中“摄影轨迹”工具时,按住Ctrl键,约束相机在X-Y平面移动;

当选中“摄影轨迹”工具时,按住Shift键,相机在X、Y、Z方向增量15度旋转;

另外,在照相机属性中进行有关设置也可以移动相机。

4.移动光线方向 

选中光源,在【属性】面板的相应属性中可以移动光源方向。选中光源,在“转换”栏中也可以旋转变换光源方向。

   
5.示例

图2-200
三维对象动画示例

图2-200左图是三维管状对象动画示例的运行界面,右图是在3D Max中制作的1个管状模型,导出为“管状体.obj”,导入WPF后贴图。3个按钮用于启动动画,每个动画对应1个故事板,下面扼要介绍制作过程。

(1)将“管状体.obj”添加到项目中,并拖入MainWindow.xaml的【设计面板】,选中它,用图2-196的方法调整其大小(不要做旋转操作),如图2-200所示大小。


图2-201
Material设置

(2)贴图:选择1个jpg图像文件添加到项目中,并且生成图像刷ImageBrush1。在【对象和时间线】面板中选中3D对象“World”的“DefaultMaterial”(参考图2-195),选择【属性】面板“材料”栏目中的Material(如图2-201),在弹出的画笔设置窗口选择“画笔资源”—ImageBrush1,这时3D对象被贴图了,如图2-200。

(3)光线设置:选择World—Tube01—DirectionLightContainer—DirectionLight(【对象和时间线】面板,Tube01是从3DMax带来的名称),参看图2-195(3D对象名称有差别)。选择【属性】面板“光”栏目,如图2-202。

图2-202 光线设置

    图2-202中,选择光类型和Color(黄色)设置。

到此,3D几何对象的外观设置完成。

(4)3D对象旋转:新建并设计第1个故事板Storyboard1,完成旋转动画。在【对象和时间线】面板上选中“World”,0秒处设置1个关键帧。选择【属性】面板“转换”栏中的“旋转”变换,分别在2秒、4秒、6秒和8秒处设置关键帧(在Y轴角度坐标栏分别输入90、180、270和360,输入值和显示值不统一,实际一样),输入后的显示键图2-203。

图2-203 旋转变换Y轴角度输入

需要说明的是,3D对象的旋转姿态和在3Dmax中的原始造型有关,图2-200中Y轴正方向向上(没有穿过管状体纵向中心线),X轴正方向向右,Z轴正方向面对读者,这样沿Y轴的旋转不会是管状体本身的自转。

(5)相机移动:新建并设计第2个故事板Storyboard2,移动相机使3D对象缩放。在【对象和时间线】面板上选中Camera—PerspectiveCamera,0秒处创建1个关键帧。选择【属性】面板“转换”栏中的“位移”变换,在3秒处在Z坐标栏内输入180(缩小),在6秒处在Z坐标栏内输入0(还原),在3秒、6秒处创建了2个关键帧。参考图2-200右图,Z轴正方向面向读者,这相当于远景相机在Z轴方向远离和还原。

   

(6)光线移动:新建并设计第3个故事板Storyboard3,进行光线移动操作。在【对象和时间线】面板中选择World—Tube01—DirectionLightContainer—DirectionLight,选择【属性】面板“转换”栏中的“旋转”变换,分别在2秒、4秒、6秒和8秒处设置关键帧(在X轴角度坐标栏分别输入90、180、270和360)。

(7)触发器设置:3个按钮button1(旋转)、button2(相机移动)、button3(光线移动)分别控制Storyboard1、Storyboard2、Storyboard3的启动。触发器的设置请参看前面“二维动画设计”中有关触发器的内容。

   

运行程序可以看到3D对象的动画效果。

 

时间: 2024-09-09 02:56:31

WPF中的三维空间(2)的相关文章

WPF中的三维空间(1)

原文:WPF中的三维空间(1) WPF中可以创建三维几何图形,支持3D对象的应用,支持从3D Max等软件将3D文件obj导入设计中,但是目前还不支持将材质同时导入,这样需要在WPF中对3D对象重新设置颜色或贴图. 2.10.1 WPF中的三维空间 1.三维空间坐标 WPF中二维图形的坐标系原点定位在呈现区域(屏幕)的左上角,其X 轴上的正方向朝右,Y轴的正向朝下. 在WPF的三维坐标系中,原点一般位于在WPF中创建的三维对象的中心(导入的三维对象的情况就不一定了,比如从3DMax中导入的obj

WPF中对三维模型的控制

原文:WPF中对三维模型的控制 (以下选自南开大学出版社出版的<WPF和Silverlight教程>) 3Dmax中的建模模型可以导出为obj文件格式,将此文件导入WPF项目中,由WPF完成对三维造型的贴图和控制设计.本例在3Dmax中设计了1个双翼开瓶器模型,将"开瓶器.obj"和贴图材质文件都添加到项目中("素材"文件夹).图2-206 的左侧是"开瓶器.obj"文件拖入到[设计面板]后,在[对象和时间线]面板中看到的结构,右侧是

UI前沿技术-WPF中的多点触控操作事件

就在过去几年,多点触控还只是科幻电影中表现未来主义的一种重要手法,现在俨然已经成为主流的用户界面技术.多点触控显示屏现在成了新型智能手机和 Tablet 计算机的标准显示屏.此外,它还可能在公共场所的计算机上普及,例如 Microsoft Surface 率先开发的网亭或桌面计算机. 实际存在的唯一不确定因素是多点触控在常规台式计算机上的普及.这种普及的最大障碍或许是长时间在垂直屏幕上移动手指所产生的疲劳(称为"大猩猩手臂").我个人希望多点触控的强大功能将切实推进桌面显示屏的重新设计

WPF中如何使用行为示例:Canvas控件拖放行为的演示

1.获取行为的支持,安装Expression Blend 4 SDK(http://www.microsoft.com/zh-cn/download/details.aspx?id=10801) . 2.创建行为库 (1)创建一个Class Project,添加WPF必备的以及WPF中支持行为必备的dll文件. 其中,System.Windows.Interactivity.dll组件在目录(需要安装Blend SDKs):C:\Program Files (x86)\Microsoft SDK

WPF中的Style(风格,样式)

在WPF中我们可以使用Style来设置控件的某些属性值,并使该设置影响到指定范围内的所有该类控件或影响指定的某一控件,比如说我们想将窗口中的所有按钮都保持某一种风格,那么我们可以设置一个Style,而不必分别设置每个按钮的风格. Style是作为一种资源被保存下来的. 看下面的例子: <Window.Resources>        <Style TargetType="Button">       <Setter Property="Fore

WPF 中 ICollectionView 及 ItemsControl 相关的重点

为 OEA 框架 做 WPF 树型表格控件时,浪费了许多时间在一些知识点上,所以写了这篇博客总结一下,和各位博友分享.   ICollectionView 接口的简易使用方法   它的 SortDescriptions.GroupDescription 等属性会影响视图的结构,一般情况下会自动刷新. 也可以直接使用 Refresh 方法来命令视图的刷新(内部实现一般为重建内部视图模型集合). 如果是批量操作,也可以使用 RefreshDefer 方法来抑制多次刷新,待多个更新操作后再统一刷新.

WPF中使用MediaElement控件来进行音视频播放

WPF中可以使用MediaElement控件来进行音视频播放,然后需要做个进度条啥的,但是MediaElement.Position(进度)和MediaElement.NaturalDuration居然都不是依赖属性,简直不能忍! 好吧,首先说说比较传统的做法(winform?) slider用来显示进度以及调整进度,tb1显示当前进度的时间值,tb2显示视频的时长. player_Loaded 事件中使用DispatcherTimer来定时获取当前视频的播放进度, player_MediaOp

在WPF中自定义你的绘制(五)

将我们的绘制转变为画刷 WPF中的画刷比GDI+中要强大得多,除了常用的实心画刷.渐变画刷外,还支持更多的平铺画刷,这包括DrawingBrush.ImageBrush.VisualBrush,其中DrawingBrush使得我们可以将自定义的绘制用于任何可以使用普通画刷的地方. 比如下面的代码,我们将自定义一个椭圆和一个矩形,然后将它们合并成一个图形并将 改图形用作窗口的背景画刷: public Window1() { InitializeComponent(); //background E

在WPF中自定义你的绘制(一)

在传统的Windows窗体编程中,如果我们需要打造一些比较个性化的控件,那么我们常常需要自定义控件的绘制(重写OnPaint等),即需要经常用到Graphics对象.而在WPF中,我们可以使用Xaml轻松编写出很有特色的界面元素,似乎与以前的以前利用Graphics对象手写代码绘制控件的日子越来越远了.其实在WPF中,如果我们需要低级别的自定义绘制同样是可以的,那么我们就需要一个名DrawingContext的类.与OnPaint方法相对应的是OnRender方法(当然,你也可以在其他地方进行绘