在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. PAT甲级专题|树的遍历

    PAT甲级专题-树的遍历 涉及知识点:树.建树.深度优先搜索.广度优先搜索.递归 甲级PTA 1004 输出每一层的结点,邻接表vector建树后.用dfs.bfs都可以边搜边存当前层的数据, #in ...

  2. Netty学习——Google Protobuf使用方式分析和环境搭建

    Google Protobuf使用方式分析 在RPC框架中,Google Protobuf是很常用的一个库,和Apache Thrift 是同款的用于进行序列化的第三方库.原理都是大同小异,无非就是使 ...

  3. io流函数略解(java)[一]

    背景 最近在做安卓的过程中,因为im app经常涉及到读取与写入的io问题,所以总结一下.下文使用的是java语言. 实践 材料: java eclipse 1.File 在操作系统中我们一般能看到的 ...

  4. luogu P5514 [MtOI2019]永夜的报应

    题目背景 在这世上有一乡一林一竹亭,也有一主一仆一仇敌. 有人曾经想拍下他们的身影,却被可爱的兔子迷惑了心神. 那些迷途中的人啊,终究会消失在不灭的永夜中-- 题目描述 蓬莱山 辉夜(Kaguya)手 ...

  5. 设计模式GOF23（行为型模式）

    场景: – 公司里面,报销个单据需要经过流程: • 申请人填单申请,申请给经理 • 小于1000,经理审查. • 超过1000,交给总经理审批. • 总经理审批通过 – 公司里面,请假条的审批过程: ...

  6. 源码分析—ThreadPoolExecutor线程池三大问题及改进方案

    前言 在一次聚会中,我和一个腾讯大佬聊起了池化技术,提及到java的线程池实现问题,我说这个我懂啊,然后巴拉巴拉说了一大堆,然后腾讯大佬问我说,那你知道线程池有什么缺陷吗?我顿时哑口无言,甘拜下风,所 ...

  7. Crush 算法以及PG和PGP调整经验

    PG和PGP调整经验调整前准备为了降低对业务的影响,需要调整以下参数ceph tell osd.* injectargs ‘–osd-max-backfills 1’ceph tell osd.* i ...

  8. matplotlib可视化最全指南

    1. 折线图:plt.plot 设置数据:plt.plot(x,y),单列数据传入默认y轴,此时x轴数据默认从0逐渐对应递增 设置颜色:plt.plot(x,y,color/c=" &quo ...

  9. 《Java算法》排序算法-快速排序

    排序算法-快速排序: /** * 给定一个数组:按照从小到大排序. * 思路: * 1. 获取第一个数放入临时变量data,将大于data的数放右边,小于data的数放在左边. * 2. data左边 ...

  10. Typroa 常用快捷键

    Typora 常用快捷键 文件操作 Ctrl + N :新建文件 Ctrl + shift + N :新建窗口 Ctrl + O :打开 Ctrl + P : 快速打开(快速打开之前编辑过的历史文件) ...