在WPF中构建一个简单的立方体比较容易实现，可参考资料也比较众多。比较麻烦的是处理点击交互。

我在WPF中用两种方式实现了3DCube，效果图如下：

方式一： 最常见的3D内容构建模式，结构如下图。

参考

 <Viewport3D SnapsToDevicePixels="True" ClipToBounds="True"

                    RenderTransformOrigin="0.5 0.5" RenderOptions.EdgeMode="Aliased"

                    RenderOptions.CachingHint="Cache">

            <!--Camera-->

            <Viewport3D.Camera>

                <PerspectiveCamera x:Name="CameraMain" Position="4,4,6" UpDirection="0,1,0" LookDirection="-4,-4,-6"

                                       NearPlaneDistance="" FarPlaneDistance="" FieldOfView="">

                    <PerspectiveCamera.Transform>

                        <Transform3DGroup>

                            <RotateTransform3D>

                                <RotateTransform3D.Rotation>

                                    <AxisAngleRotation3D x:Name="CameraRotate" Axis="0,1,0" Angle=""/>

                                </RotateTransform3D.Rotation>

                            </RotateTransform3D>

                            <ScaleTransform3D />

                        </Transform3DGroup>

                    </PerspectiveCamera.Transform>

                </PerspectiveCamera>

            </Viewport3D.Camera>

            <!--Light-->

            <ModelVisual3D>

                <ModelVisual3D.Content>

                    <Model3DGroup>

                        <AmbientLight Color="White"></AmbientLight>

                        <DirectionalLight Color="White"  Direction="4,6,-6"/>

                    </Model3DGroup>

                </ModelVisual3D.Content>

            </ModelVisual3D>

            <!--六个面-->

            <ModelVisual3D x:Name="CubeSlaveContainer">

                <ModelUIElement3D>

                    <GeometryModel3D  x:Name="TopPanel">

                        <GeometryModel3D.Material>

                            <DiffuseMaterial x:Name="MaterialTop">

                                <DiffuseMaterial.Brush>

                                    <VisualBrush>

                                        <VisualBrush.Visual>

                                            <TextBlock Text="" Foreground="White"/>

                                        </VisualBrush.Visual>

                                    </VisualBrush>

                                </DiffuseMaterial.Brush>

                            </DiffuseMaterial>

                        </GeometryModel3D.Material>

                        <GeometryModel3D.BackMaterial>

                            <DiffuseMaterial Brush="Transparent"/>

                        </GeometryModel3D.BackMaterial>

                        <GeometryModel3D.Geometry>

                            <MeshGeometry3D Positions="-2,2,2  2,2,2  2,2,-2  -2,2,-2"

                                            TriangleIndices="0,1,2 0,2,3"

                                            TextureCoordinates="-2,2 2,2 2,-2 -2,-2">

                            </MeshGeometry3D>

                        </GeometryModel3D.Geometry>

                    </GeometryModel3D>

                </ModelUIElement3D>

                <ModelUIElement3D>

                    <GeometryModel3D  x:Name="BottomPanel">

                        <GeometryModel3D.Material>

                            <DiffuseMaterial x:Name="MaterialBottom">

                                <DiffuseMaterial.Brush>

                                    <VisualBrush>

                                        <VisualBrush.Visual>

                                            <TextBlock Text="" Foreground="White"/>

                                        </VisualBrush.Visual>

                                    </VisualBrush>

                                </DiffuseMaterial.Brush>

                            </DiffuseMaterial>

                        </GeometryModel3D.Material>

                        <GeometryModel3D.BackMaterial>

                            <DiffuseMaterial Brush="Transparent"/>

                        </GeometryModel3D.BackMaterial>

                        <GeometryModel3D.Geometry>

                            <MeshGeometry3D Positions="-2,-2,2  2,-2,2  2,-2,-2  -2,-2,-2"

                                            TriangleIndices="0,2,1 0,3,2"

                                            TextureCoordinates="-2,2 2,2 2,-2 -2,-2">

                            </MeshGeometry3D>

                        </GeometryModel3D.Geometry>

                    </GeometryModel3D>

                </ModelUIElement3D>

                <ModelUIElement3D>

                    <GeometryModel3D  x:Name="LeftPanel">

                        <GeometryModel3D.Material>

                            <DiffuseMaterial x:Name="MaterialLeft">

                                <DiffuseMaterial.Brush>

                                    <VisualBrush>

                                        <VisualBrush.Visual>

                                            <TextBlock Text="" Foreground="White"/>

                                        </VisualBrush.Visual>

                                    </VisualBrush>

                                </DiffuseMaterial.Brush>

                            </DiffuseMaterial>

                        </GeometryModel3D.Material>

                        <GeometryModel3D.BackMaterial>

                            <DiffuseMaterial Brush="Transparent"/>

                        </GeometryModel3D.BackMaterial>

                        <GeometryModel3D.Geometry>

                            <MeshGeometry3D Positions="-2,-2,-2  -2,-2,2  -2,2,2  -2,2,-2"

                                            TriangleIndices="0,1,2 0,2,3"

                                            TextureCoordinates="-2,2 2,2 2,-2 -2,-2">

                            </MeshGeometry3D>

                        </GeometryModel3D.Geometry>

                    </GeometryModel3D>

                </ModelUIElement3D>

                <ModelUIElement3D>

                    <GeometryModel3D  x:Name="RightPanel">

                        <GeometryModel3D.Material>

                            <DiffuseMaterial x:Name="MaterialRight">

                                <DiffuseMaterial.Brush>

                                    <VisualBrush>

                                        <VisualBrush.Visual>

                                            <TextBlock Text="" Foreground="White"/>

                                        </VisualBrush.Visual>

                                    </VisualBrush>

                                </DiffuseMaterial.Brush>

                            </DiffuseMaterial>

                        </GeometryModel3D.Material>

                        <GeometryModel3D.BackMaterial>

                            <DiffuseMaterial Brush="Transparent"/>

                        </GeometryModel3D.BackMaterial>

                        <GeometryModel3D.Geometry>

                            <MeshGeometry3D Positions="2,-2,2  2,-2,-2  2,2,-2  2,2,2"

                                            TriangleIndices="0,1,2 0,2,3"

                                            TextureCoordinates="-2,2 2,2 2,-2 -2,-2">

                            </MeshGeometry3D>

                        </GeometryModel3D.Geometry>

                    </GeometryModel3D>

                </ModelUIElement3D>

                <ModelUIElement3D>

                    <GeometryModel3D x:Name="FrontPanel">

                        <GeometryModel3D.Material>

                            <DiffuseMaterial x:Name="MaterialFront">

                                <DiffuseMaterial.Brush>

                                    <VisualBrush>

                                        <VisualBrush.Visual>

                                            <TextBlock Text="" Foreground="White"/>

                                        </VisualBrush.Visual>

                                    </VisualBrush>

                                </DiffuseMaterial.Brush>

                            </DiffuseMaterial>

                        </GeometryModel3D.Material>

                        <GeometryModel3D.BackMaterial>

                            <DiffuseMaterial Brush="Transparent"/>

                        </GeometryModel3D.BackMaterial>

                        <GeometryModel3D.Geometry>

                            <MeshGeometry3D Positions="-2,-2,2  2,-2,2  2,2,2  -2,2,2"

                                            TriangleIndices="0,1,2 0,2,3"

                                            TextureCoordinates="-2,2 2,2 2,-2 -2,-2">

                            </MeshGeometry3D>

                        </GeometryModel3D.Geometry>

                    </GeometryModel3D>

                </ModelUIElement3D>

                <ModelUIElement3D>

                    <GeometryModel3D x:Name="BackPanel">

                        <GeometryModel3D.Material>

                            <DiffuseMaterial x:Name="MaterialBack">

                                <DiffuseMaterial.Brush>

                                    <VisualBrush>

                                        <VisualBrush.Visual>

                                            <TextBlock Text="" Foreground="White"></TextBlock>

                                        </VisualBrush.Visual>

                                    </VisualBrush>

                                </DiffuseMaterial.Brush>

                            </DiffuseMaterial>

                        </GeometryModel3D.Material>

                        <GeometryModel3D.BackMaterial>

                            <DiffuseMaterial Brush="Transparent"/>

                        </GeometryModel3D.BackMaterial>

                        <GeometryModel3D.Geometry>

                            <MeshGeometry3D Positions="2,-2,-2  -2,-2,-2  -2,2,-2  2,2,-2"

                                            TriangleIndices="0,1,2 0,2,3"

                                            TextureCoordinates="-2,2 2,2 2,-2 -2,-2">

                            </MeshGeometry3D>

                        </GeometryModel3D.Geometry>

                    </GeometryModel3D>

                </ModelUIElement3D>

            </ModelVisual3D>

        </Viewport3D>

点击交互：

给ModelUIElement3D附加事件，如下图

方式二： 使用3DTools.dll构建，结构如下图

参考

        <!-- xmlns:Plugin3D="clr-namespace:_3DTools;assembly=3DTools" -->

        <Plugin3D:Interactive3DDecorator HorizontalAlignment="Stretch"

                                         VerticalAlignment="Stretch">

            <Viewport3D x:Name="Viewport3DMain" Margin="0,-50,0,50"

                        SnapsToDevicePixels="True"  ClipToBounds="True"

                        RenderTransformOrigin="0.5 0.5" RenderOptions.EdgeMode="Aliased"

                        RenderOptions.CachingHint="Cache">

                <!--摄像机-->

                <Viewport3D.Camera>

                    <PerspectiveCamera x:Name="CameraMain" Position="4,4,6"

                                   UpDirection="0,1,0" LookDirection="-4,-4,-6"

                                   NearPlaneDistance="" FarPlaneDistance="" FieldOfView="">

                        <PerspectiveCamera.Transform>

                            <Transform3DGroup>

                                <RotateTransform3D>

                                    <RotateTransform3D.Rotation>

                                        <AxisAngleRotation3D x:Name="CameraRotate" Axis="0,1,0" Angle=""/>

                                    </RotateTransform3D.Rotation>

                                </RotateTransform3D>

                            </Transform3DGroup>

                        </PerspectiveCamera.Transform>

                    </PerspectiveCamera>

                </Viewport3D.Camera>

                <!--Light-->

                <ModelVisual3D>

                    <ModelVisual3D.Content>

                        <Model3DGroup>

                            <AmbientLight Color="White"></AmbientLight>

                            <DirectionalLight Color="White"  Direction="4,6,-6"/>

                        </Model3DGroup>

                    </ModelVisual3D.Content>

                </ModelVisual3D>

                <!--六个面-->

                <Plugin3D:InteractiveVisual3D x:Name="TopPanel" IsBackVisible="True">

                        <Plugin3D:InteractiveVisual3D.Geometry>

                            <MeshGeometry3D Positions="-2,2,2  2,2,2  2,2,-2  -2,2,-2"

                                           TriangleIndices="0,1,2 0,2,3"

                                           TextureCoordinates="0,0 0,1 1,1 1,0"

                                            Normals="0,1,0 0,1,0 0,1,0 0,1,0"/>

                        </Plugin3D:InteractiveVisual3D.Geometry>

                    </Plugin3D:InteractiveVisual3D>

                <Plugin3D:InteractiveVisual3D x:Name="BottomPanel" IsBackVisible="True">

                        <Plugin3D:InteractiveVisual3D.Geometry>

                            <MeshGeometry3D Positions="-2,-2,2  2,-2,2  2,-2,-2  -2,-2,-2"

                                            TriangleIndices="0,2,1 0,3,2"

                                            TextureCoordinates="0,0 0,1 1,1 1,0"

                                            Normals="0,1,0 0,1,0 0,1,0 0,1,0"/>

                        </Plugin3D:InteractiveVisual3D.Geometry>

                    </Plugin3D:InteractiveVisual3D>

                <Plugin3D:InteractiveVisual3D x:Name="LeftPanel" IsBackVisible="True">

                        <Plugin3D:InteractiveVisual3D.Geometry>

                            <MeshGeometry3D Positions="-2,-2,-2  -2,-2,2  -2,2,2  -2,2,-2"

                                            TriangleIndices="0,1,2 0,2,3"

                                            TextureCoordinates="0,0 0,1 1,1 1,0"

                                            Normals="0,1,0 0,1,0 0,1,0 0,1,0"/>

                        </Plugin3D:InteractiveVisual3D.Geometry>

                    </Plugin3D:InteractiveVisual3D>

                <Plugin3D:InteractiveVisual3D x:Name="RightPanel" IsBackVisible="True">

                        <Plugin3D:InteractiveVisual3D.Geometry>

                            <MeshGeometry3D Positions="2,-2,2  2,-2,-2  2,2,-2  2,2,2"

                                            TriangleIndices="0,1,2 0,2,3"

                                            TextureCoordinates="0,0 0,1 1,1 1,0"

                                            Normals="0,1,0 0,1,0 0,1,0 0,1,0"/>

                        </Plugin3D:InteractiveVisual3D.Geometry>

                    </Plugin3D:InteractiveVisual3D>

                <Plugin3D:InteractiveVisual3D x:Name="FrontPanel" IsBackVisible="True">

                        <Plugin3D:InteractiveVisual3D.Geometry>

                            <MeshGeometry3D Positions="-2,-2,2  2,-2,2  2,2,2  -2,2,2"

                                            TriangleIndices="0,1,2 0,2,3"

                                            TextureCoordinates="0,0 0,1 1,1 1,0"

                                            Normals="0,1,0 0,1,0 0,1,0 0,1,0"/>

                        </Plugin3D:InteractiveVisual3D.Geometry>

                    </Plugin3D:InteractiveVisual3D>

                <Plugin3D:InteractiveVisual3D x:Name="BackPanel" IsBackVisible="True">

                    <Plugin3D:InteractiveVisual3D.Geometry>

                        <MeshGeometry3D Positions="2,-2,-2  -2,-2,-2  -2,2,-2  2,2,-2"

                                            TriangleIndices="0,1,2 0,2,3"

                                            TextureCoordinates="0,0 0,1 1,1 1,0"

                                            Normals="0,1,0 0,1,0 0,1,0 0,1,0"/>

                    </Plugin3D:InteractiveVisual3D.Geometry>

                </Plugin3D:InteractiveVisual3D>

            </Viewport3D>

        </Plugin3D:Interactive3DDecorator>

点击交互：

给Plugin3D:InteractiveVisual3D对象的Visual对象附加点击事件，如创建一个Grid， 将Grid作为Plugin3D:InteractiveVisual3D的Visual值。

调用： this.SetCubeMaterialBrush(this.FrontPanel, "定义的ImageBrush资源的Key值", 5);

​

工具：Visual Studio 2017

工程：WPF C#

源码下载：

WPF 3D Cube及点击交互的更多相关文章

  1. WPF 3D 知识点大全以及实例

    引言 现在物联网概念这么火,如果监控的信息能够实时在手机的客服端中以3D形式展示给我们,那种体验大家可以发挥自己的想象. 那生活中我们还有很多地方用到这些,如上图所示的Kinect 在医疗上的应用,当 ...

  2. WPF 3D 小小小小引擎 - ·WPF 3D变换应用

    原文:WPF 3D 小小小小引擎 - ·WPF 3D变换应用 WPF可以提供的3D模型使我们可以轻松地创建3D实体,虽然目前来看还很有一些性能上的问题,不过对于一些简单的3D应用应该是可取的,毕竟其开 ...

  3. TextView + Spanned实现图文混排以及图片点击交互

    最近要实现图文混排的需求,webview过大,所以想到了用SpannableStringBuilder来实现. 不过参考了大量国内文章,大多数是教你如何实现图文混排,并没有提及图片点击交互的.有翻阅了 ...

  4. WPF MVVM UI分离之《交互与数据分离》 基础才是重中之重~delegate里的Invoke和BeginInvoke 将不确定变为确定系列~目录（“机器最能证明一切”） 爱上MVC3系列~全局异常处理与异常日志 基础才是重中之重~lock和monitor的区别 将不确定变成确定~我想监视我的对象，如果是某个值，就叫另一些方法自动运行 将不确定变成确定~LINQ DBML模型可以对

    WPF MVVM UI分离之<交互与数据分离>   在我们使用WPF过程中,不可避免并且超级喜欢使用MVVM框架. 那么,使用MVVM的出发点是视觉与业务逻辑分离,即UI与数据分离 诸如下 ...

  5. WPF 3D变换应用

    WPF可以提供的3D模型使我们可以轻松地创建3D实体,虽然目前来看还很有一些性能上的问题,不过对于一些简单的3D应用应该是可取的,毕竟其开发效率高,而且也容易上手. 下面给大家演示的是使用在WPF 3 ...

  6. WPF 3D中多个模型如何设置某一个在最前？

    原文:WPF 3D中多个模型如何设置某一个在最前? 问题:我们的模型包括导入的3D solid模型和axis坐标轴模型,当模型旋转的时候,3D会将axis挡住. 期望:axis一直在最前面,不会被3D ...

  7. WPF 3D 获取鼠标在场景的3d坐标

    原文:WPF 3D 获取鼠标在场景的3d坐标 上一篇中我们谈到了WPF 3d做图的一些简单原理,这里我们简单介绍一下怎样获得鼠标在场景中的3d坐标,知道了3d坐标就可以进行很多操作了: 首先介绍一下3 ...

  8. 最优化WPF 3D性能（基于“Tier-2”硬件）

    原文:最优化WPF 3D性能(基于"Tier-2"硬件) 原文地址:Maximizing WPF 3D Performance on Tier-2 Hardware 开发人员在应用 ...

  9. 优化WPF 3D性能

    Maximize WPF 3D Performance .NET Framework 4.5   As you use the Windows Presentation Foundation (WPF ...

随机推荐

  1. luogu P1759 通天之潜水

    题目背景 直达通天路·小A历险记第三篇 题目描述 在猴王的帮助下,小A终于走出了这篇荒山,却发现一条波涛汹涌的河拦在了自己的面前.河面上并没有船,但好在小A有n个潜水工具.由于他还要背重重的背包,所以 ...

  2. 分析Crash文件

    应用在没有发布前,可以通过打印log很方便的查看错误信息.但是发布后,就需要根据Crash文件来定位了. 将手机连接电脑,通过XCode获取Crash文件.Window ->Devices -& ...

  3. 创建自己的github仓库

    作者: wangzz 原文地址:http://blog.csdn.net/wzzvictory/article/details/20067595 一.创建自己的github仓库 CocoaPods都托 ...

  4. iOS开发之UIWebView

    转自:http://www.cnblogs.com/zhuqil/archive/2011/07/28/2119923.html UIWebView是iOS sdk中一个最常用的控件.是内置的浏览器控 ...

  5. pip-get.py安装问题

    问题: 安装完成和配置环境之后:输入一个测试命令:pip help 出现下面这个问题. Fatal error in launcher: Unable to create process using ...

  6. Java修炼——内部类详解

    内部类详解 定义:将一个类定义在另一个类的内部,该类就称为内部类 类中定义的内部类特点: 内部类作为外部类的成员,可以直接访问外部类的成员 (包括 private 成员),反之则不行. 内部类做为外部 ...

  7. Ceph 块存储

    任何普通的linux主机都可以充当ceph客户机,客户机通过网络与ceph存储集群交互以存储或检索用户数据.Ceph RBD支持已经添加到linux主线内核中,从2.6.34以及以后版本开始. === ...

  8. 这个Python爬虫的简单入门及实用的实例，你会吗？

    前言本文的文字及图片来源于网络,仅供学习.交流使用,不具有任何商业用途,版权归原作者所有,如有问题请及时联系我们以作处理.作者:HOT_and_COOl 利用爬虫可以进行数据挖掘,比如可以爬取别人的网 ...

  9. Python3 文件处理

    目录 文件操作的流程 文件的三种打开模式 读取: rt read_text 针对文本内容只读 清空写入: wt write_text 针对文本内容只写 追加写入: at append_text 针对文 ...

  10. 【JS】379- 教你玩转数组 reduce

    reduce 是数组迭代器(https://jrsinclair.com/articles/2017/javascript-without-loops/)里的瑞士军刀.它强大到您可以使用它去构建大多数 ...