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

最新推荐文章于 2024-07-06 17:51:10 发布
最新推荐文章于 2024-07-06 17:51:10 发布
阅读量884 收藏 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 篇文章 52 订阅 ¥19.90 ¥99.00
订阅专栏
这篇博客介绍了如何在QML的View3D中实现鼠标控制模型的旋转和缩放。通过设置相机的eulerRotation和调整相机与模型的距离，实现了视觉上的模型操作。博客详细讲解了搭建三维模型框架、添加MouseArea以及相应的事件处理，包括鼠标滚轮缩放和左键旋转模型的实现代码。
摘要由CSDN通过智能技术生成

1. 鼠标旋转缩放模型

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

鼠标控制缩放旋转模型

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

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


                

                
                
        

        

    

  


        

            

                

                

                了解本专栏
                
                
                  
                订阅专栏 解锁全文
                 
            

        

    

      

        

            

              
                
                  山间点烟雨
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          

                

                        订阅专栏
                









                



	

		

			

				
					
2.qml 3D-View3D类学习

				
			

			

				

					抵抗时间扭曲，坚持做一件有意义的事
				

				

					12-01
					
					1289
					
				

			

		

		

			
				
设置公共的Node，比如有多个View3D,其内容都是相同的Node，只是相机位置不一致而已，具体参考示例(View3D Example),注意：该属性只能设置一次，后续更改将无效。QtQuick3D::Camera,指定用哪个相机来显示QtQuick3D::SceneEnvironment，设置渲染场景,比如背景色QtQuick3D::Node,设置公共的Node，比如有多个View3D,其内容都是相同的Node，只是相机位置不一致而已，具体参考示例(View3D Example)

			
		

	



                

              
                



	

		

			

				
					
2. QML使用View3D控件显示三维模型

				
			

			

				

					山间点烟雨
				

				

					02-04
					
					2543
					
				

			

		

		

			
				
View3D控件和QML中其它控件类似，只是在其中可以显示三维模型，类似在界面中创建一个场景，所有的模型将在这个场景中被加载出来。

			
		

	



                


  
              

                


	

		

			

				
					
QML 3D 操作鼠标选择对象、界面拖拽与缩放

				
			

			

				

					易衍玖
				

				

					05-07
					
					1627
					
				

			

		

		

			
				
使用的qt Design Studio

旋转的基本思想是工件不动，令相机绕工件旋转，镜头拉近即为放大，远离为缩小。
MouseArea {
            id:sss
            x: 0
            y: 0
            anchors.fill:view3D
            Connections {
                target: sss
                property int cx: 0  //缓存一下鼠标位置

			
		

	





	

		

			

				
					
qml 3d场景加载的两种方式

				
			

			

				

					weixin_33722405的博客
				

				

					05-07
					
					1461
					
				

			

		

		

			
				
//main.cpp 
#include <Qt3DQuic...

			
		

	



		

			
		



	

		

			

				
					
qt vtk 加载多个3D模型并控制运动（机械臂）

					
最新发布

				
			

			

				

					weixin_54613775的博客
				

				

					07-06
					
					384
					
				

			

		

		

			
				
【代码】qt vtk 加载多个3D模型并控制运动（机械臂）

			
		

	





	

		

			

				
					
QML对元素进行移动、旋转、缩放

				
			

			

				

					世界需要程序员，而我就是其中一员！
				

				

					04-08
					
					1138
					
				

			

		

		

			
				
本篇博客主要示范QML中对元素的移动、缩放、旋转！

			
		

	





	

		

			

				
					
QML PathView 路径视图

				
			

			

				

					青春不老，奋斗不止！
				

				

					04-16
					
					664
					
				

			

		

		

			
				
PathView 是 QML 中一个功能强大、极其灵活的组件。它允许我们基于路径 Path 创建动态且多样化的视图效果，这条路径可以是直线、曲线，甚至是任意复杂的形状。

			
		

	





	

		

			

				
					
Qt Quick 3D系列：三维模型展示示例

				
			

			

				

					02-16
				

			

		

		

			
				
1. **鼠标控制模型**：通过监听鼠标的移动和滚轮事件，我们可以实现对3D模型的位置和缩放的动态调整。这通常涉及到计算鼠标相对于屏幕中心的偏移量，并将其转化为3D空间中的平移和缩放操作。  2. **自定义背景图片**...

			
		

	





	

		

			

				
					
QT c++显示可控制的3d模型

				
			

			

				

					05-01
				

			

		

		

			
				
要在QT C++中显示可控制的3D模型，您可以使用Qt 3D Studio。...8. 运行您的QT应用程序，您现在应该能够看到您的3D模型，并可以使用鼠标控制它的旋转和缩放。  希望这可以帮助您开始显示可控制的3D模型。

			
		

	





	

		

			

				
					
初识qml——PathView xyz轴 路径属性 旋转效果 鼠标键盘控制

				
			

			

				

					小狸猫扑通扑通的博客
				

				

					03-04
					
					1269
					
				

			

		

		

			
				
​来逛逛hexo呗,上面有写好的瓜皮qml哟
初识qml——PathView初理解
不可能
pathview弄出来就这效果是不能接受的，所以继续往下，基本流程清楚后开始花里胡哨起来！
​
先理解
还是先理解做法的理念，这次找到这位大佬的demo QML实现酷炫的 Cover Flow 效果（PathView） ，概括起来为pathview添加部分效果，目的是为了好看：

展示分了层次，有一种前面和后面的层次，这就是z轴。
大小也有层次，最前面展示的最大，形成动态感。
各个目标有一定程度的翻转，看起来更立体。

			
		

	





	

		

			

				
					
QML开发——3D旋转特效

				
			

			

				

					萧海的博客
				

				

					01-14
					
					1213
					
				

			

		

		

			
				
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
     

			
		

	





	

		

			

				
					
qml View3D使用介绍

				
			

			

				

					琅嬛福地
				

				

					11-23
					
					1578
					
				

			

		

		

			
				
在Qt Quick 3D中，`View3D` 是一个用于展示 3D 内容的 QML 类型。`View3D` 允许你将 3D 场景集成到 Qt Quick 2D 用户界面中，这意味着你可以在传统的 2D UI 元素（如按钮、文本和图像）与 3D 图形之间无缝地进行整合。

			
		

	





	

		

			

				
					
Qml 3D学习笔记（一）

				
			

			

				

					weixin_42304209的博客
				

				

					01-31
					
					637
					
				

			

		

		

			
				
开发者可以使用QML的动画系统来创建物体的平移、旋转、缩放等动画效果，也可以通过交互操作（如鼠标事件、触摸事件等）来实现用户与3D场景的交互。开发者可以设置物体的颜色、反射、透明度等材质属性，以及为物体添加各种纹理（如贴图、法线贴图、环境贴图等），以实现更真实的外观效果。开发者可以通过设置各种属性来控制场景的呈现，如相机视角、背景色、清除模式等。总结来说，View3D是用于展示和渲染3D场景的组件，可以通过设置属性来控制相机、背景色、材质、光照等，用于实现功能丰富的360度观察和交互式呈现的3D界面。

			
		

	





	

		

			

				
					
qml 3d实现鼠标左键控制摄像机旋转

				
			

			

				

					yu_20501253的博客
				

				

					10-10
					
					1516
					
				

			

		

		

			
				
在qml 3d开发中,默认的是鼠标右键控制摄像机旋转,这不太符合操作习惯.要实现鼠标左键控制摄像机旋转就要重写鼠标事MouseArea,现将代码整理如下:


        MouseArea{
            id:mouseId
            width: 300
            height: 200
            anchors.top:  parent.top
            anchors.topMargin: 0
            ancho

			
		

	





	

		

			

				
					
1.qml-3D入门讲解介绍

				
			

			

				

					抵抗时间扭曲，坚持做一件有意义的事
				

				

					12-01
					
					1221
					
				

			

		

		

			
				
本章我们来学习QML 3D教程，QML 3D能够支持windows linux等多平台跨平台并且显示效果大部分一致，非常方便，学习的qt版本最低为。要使用qml 3D类，需要导入QtQuick3D模块。这是使用空间渲染器和场景图的 QML 前端。目前，所有 3D 内容都会通过FBO进行纹理绑定和绘制，以便它们可以组合成 Qt Quick 场景（作为QtQuick3D模块中有我们使用的很多类。Joint。

			
		

	





	

		

			

				
					
Qt Quick 3D系列（二）：鼠标控制3D模型旋转缩放

				
			

			

				

					zjgo007的专栏
				

				

					02-14
					
					6363
					
				

			

		

		

			
				
显示了3D模型后如何使用鼠标进行旋转呢？在Qt 3D中提供了OrbitCameraController用于控制相机的轨道（个人觉得不好用），在Qt Quick 3D中，没有直接控制相机的函数，但是直接使用MouseArear对节点Node进行控制会更加的灵活和方便。

			
		

	





	

		

			

				
					
qml 如何使用 Quick 3D 显示 3D 模型？

				
			

			

				

					驭鲸·环球的博客
				

				

					01-19
					
					3694
					
				

			

		

		

			
				
qml 显示 3D 模型

			
		

	





	

		

			

				
					
3.qml 3D-Node类学习

				
			

			

				

					抵抗时间扭曲，坚持做一件有意义的事
				

				

					12-13
					
					736
					
				

			

		

		

			
				
Node类是一个节点类，Node 类具有用于确定其在3D空间中位置和变换的属性，如 position、rotation、scale 等。这些属性使得你可以在场景中移动、旋转和缩放3D元素。网格和几何体： Node 类可以包含3D网格或几何体，用于表示物体的形状。例如，Mesh 类是 Node 的子类，用于表示一个3D网格。材质和纹理： Node 可以具有材质，其中包括纹理和其他渲染属性。Material 类是 Node 的子类，用于定义3D对象的外观。相机。

			
		

	





	

		

			

				
					
qml使用 scene3d 加载三维模型框架

				
			

			

				

					10-08
				

			

		

		

			
				
qml中使用scene3d加载三维模型框架是通过使用Qt3D模块来实现的。Qt3D是Qt框架中用于创建交互式和3D图形应用程序的模块之一。使用Qt3D可以方便地加载和显示三维模型，包括设置模型的位置、旋转、缩放等属性。  在qml...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		
评论 1

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  





	
打赏作者

	

		

		
			
		
		

		

			
山间点烟雨

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

		

	

	

			

	

	

    ¥1
    ¥2
    ¥4
    ¥6
    ¥10
    ¥20
	

	

		

			

				

					扫码支付：¥1
				

				

					

					
					获取中
					

				

				

					
					
					扫码支付
				

			

		

		

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

			
打赏作者

		

	



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值