7. QML使用View3D时添加鼠标控制模型旋转缩放

最新推荐文章于 2024-03-07 15:24:58 发布
最新推荐文章于 2024-03-07 15:24:58 发布
阅读量805 收藏 2
点赞数
分类专栏： QT_QML_3D_OpenGL_游戏 文章标签： 3d
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/FY_13781298928/article/details/128904973
版权
QT_QML_3D_OpenGL_游戏 专栏收录该内容
19 篇文章 41 订阅 ¥19.90 ¥99.00
订阅专栏

1. 鼠标旋转缩放模型

旋转缩放模型，主要是根据鼠标当前的位置，计算位置差，让后分别设置模型相机的 eulerRotation 值，缩放模型，主要是根据鼠标中轮的值，更新模型相机的 z 值。总的来说，模型是不动的，动的是相机距离模型的远近或者相机相对于模型的位置，从而达到控制模型的目的。
实现效果：

鼠标控制缩放旋转模型

2. 搭建总体三维模型显示框架

使用 View3D 控件搭建模型显示场景，并在其中设置相机、光源、环境、材质等基础属性，相关代码如下：（本节以旋转缩放立方体为目标）

View3D {
   
    id:viewContainer
    anchors.fill: parent
    camera: camera
了解本专栏 订阅专栏 解锁全文
山间点烟雨
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
订阅专栏
2. QML使用View3D控件显示三维模型
山间点烟雨
02-04 2325
View3D控件和QML中其它控件类似，只是在其中可以显示三维模型，类似在界面中创建一个场景，所有的模型将在这个场景中被加载出来。
Qt3D_qml实例_qmlqt3dqtquick3d_
09-29
qml实现qt3d的实例。基本认识3d的运行情况。
QML 3D入门知识路线
最新发布
阿呆
03-07 491
v5.14.0。
QML中Rectangle QML的透明度、旋转、缩放、渐变及Animation and Transitions
快乐学习，快乐分享
02-20 7187
子模型也是QML的特点之一。这里最值得一提的还是Rectangle这个item，因为他的用处很广泛。他可以用来对某个区域进行操作和绘制。比如你要在特定的地方指定接收鼠标单击事件，或者某个地方显示特定的颜色。简单看一看Rectangle的一些属性。[cpp] view plain copy 在CODE上查看代码片派生到我的代码片import QtQuick 2.3 import QtQuick.
Qt Quick 3D系列（一）：加载3d模型
zjgo007的专栏
02-14 1万+
如果我们想在QML中使用3D且你之前没有三维程序开发的基础，使用Qt Quick 3D是个不错的选择，下面我介绍如何使用Qt Quick 3D加载3d模型。
qml View3D使用介绍
琅嬛福地
11-23 1466
在Qt Quick 3D中，`View3D` 是一个用于展示 3D 内容的 QML 类型。`View3D` 允许你将 3D 场景集成到 Qt Quick 2D 用户界面中，这意味着你可以在传统的 2D UI 元素（如按钮、文本和图像）与 3D 图形之间无缝地进行整合。
qml图片旋转拖动鼠标点击变化
08-10
Qt 5.7　qml图片旋转拖动鼠标点击变化
QML开发——3D旋转特效
萧海的博客
01-14 1124
MyGraph.qml import QtQuick 2.7 Rectangle{ //设置矩形高度与载入图像相吻合 width: animg.width height: animg.height transform: Rotation{ //设置图像原点 origin.x: animg.width/2 origin.y: animg.height/2 axis{ x: 0
1.qml-3D入门讲解介绍
抵抗时间扭曲，坚持做一件有意义的事
12-01 841
本章我们来学习QML 3D教程，QML 3D能够支持windows linux等多平台跨平台并且显示效果大部分一致，非常方便，学习的qt版本最低为。要使用qml 3D类，需要导入QtQuick3D模块。这是使用空间渲染器和场景图的 QML 前端。目前，所有 3D 内容都会通过FBO进行纹理绑定和绘制，以便它们可以组合成 Qt Quick 场景（作为QtQuick3D模块中有我们使用的很多类。Joint。
QML 3D 操作鼠标选择对象、界面拖拽与缩放
易衍玖
05-07 1506
使用的qt Design Studio 旋转的基本思想是工件不动，令相机绕工件旋转，镜头拉近即为放大，远离为缩小。 MouseArea { id:sss x: 0 y: 0 anchors.fill:view3D Connections { target: sss property int cx: 0 //缓存一下鼠标位置
初识qml——PathView xyz轴 路径属性 旋转效果 鼠标键盘控制
小狸猫扑通扑通的博客
03-04 1189
​来逛逛hexo呗,上面有写好的瓜皮qml哟 初识qml——PathView初理解 不可能 pathview弄出来就这效果是不能接受的，所以继续往下，基本流程清楚后开始花里胡哨起来！ ​ 先理解 还是先理解做法的理念，这次找到这位大佬的demo QML实现酷炫的 Cover Flow 效果（PathView） ，概括起来为pathview添加部分效果，目的是为了好看： 展示分了层次，有一种前面和后面的层次，这就是z轴。 大小也有层次，最前面展示的最大，形成动态感。 各个目标有一定程度的翻转，看起来更立体。
node.qml:Node.js 到 QML 的端口
06-03
节点.qml Node.qml 致力于为 QML 应用程序提供兼容层。 潜在地，QML 应用程序应该能够使用大多数 Node.js 库。 不支持 Node.js C++ 插件。 该项目处于 Work-In-Progress 状态，尚未准备好进行任何实际使用。路线图...
Chart.qml:Chart.qml 类似于 Chart.js
06-06
图表.qml // draw a bar object bar(data,option) // draw a doughnut object doughnut(data,option) // draw a line object line(data,option) // draw a pie object pie(data,option) // draw a polarArea ...
Quick QML-简单且好看的图片浏览器-支持多个图片浏览、缩放、旋转、滑轮切换图片
05-13
资源文章介绍地址:https://www.cnblogs.com/lifexy/p/14762697.html ,Qt版本尽量Qt5.12及以上,支持多个图片浏览、缩放、旋转、滑轮切换图片
Qml全局按键QmlKey.7z
07-20
Qml全局按键QmlKey.7z
Qml签名修改QmlSign.7z
07-20
Qml签名修改QmlSign.7z
QML入门----图形动画基础（一）
guorong520的博客
11-05 1067
文章目录一、 一、
QML中的RotationAnimation旋转动画
CN小黑
03-15 6557
RotationAnimation是用来控制某个元素的旋转。 现有一个需求，要求将一个矩形绕着自己的中心旋转九十度。 代码如下： import QtQuick 2.3 import QtQuick.Window 2.2 Window { visible: true width: 500 height: 500 Rectangle{ id:c
QML图像、状态和动画--缩放、旋转和平移
热门推荐
落尘飞
05-14 1万+
Item的缩放和旋转属性 1、缩放： scale：值小于1，将项目缩小显示；大于1，项目放大显示；负值，镜像效果 import QtQuick 2.4 Rectangle { color: "blue" width: 100; height: 100 Rectangle { color: "green" width: 25; he
qml使用 scene3d 加载三维模型框架
10-08
qml中使用scene3d加载三维模型框架是通过使用Qt3D模块来实现的。Qt3D是Qt框架中用于创建交互式和3D图形应用程序的模块之一。使用Qt3D可以方便地加载和显示三维模型，包括设置模型的位置、旋转、缩放等属性。 在qml中使用scene3d加载三维模型框架，首先需要导入Qt3D模块： import Qt3D.Core 2.0 import Qt3D.Render 2.0 import Qt3D.Input 2.0 然后可以使用Scene3D元素创建场景： Scene3D { id: scene width: 800 height: 600 focus: true aspects: ["input", "logic"] cameraAspectRatioMode: Scene3D.AutomaticAspectRatio cameraController: OrbitCameraController {} Entity { components: [ RenderSettings { activeFrameGraph: ForwardRenderer { clearColor: "transparent" } }, ... ] } } 在Scene3D元素的内部，可以使用Entity元素添加组件，并在组件中加载模型。例如，使用SceneLoader组件加载3D模型文件： Entity { ... SceneLoader { id: sceneLoader source: "model.obj" } ... } 在qml中，还可以通过设置Entity元素的属性来控制模型的外观和行为。例如，可以设置Entity元素的position属性来控制模型的位置，设置rotation属性来控制模型的旋转，设置scale属性来控制模型的缩放。 总之，qml中使用scene3d加载三维模型框架是通过使用Qt3D模块实现的。通过导入Qt3D模块、创建Scene3D元素和Entity元素，并使用适当的组件加载模型和设置模型属性，可以在qml中方便地加载和显示三维模型。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

山间点烟雨

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值