关于QWidget嵌入到qml中显示

最新推荐文章于 2024-09-13 10:21:06 发布
最新推荐文章于 2024-09-13 10:21:06 发布
阅读量3.4k 收藏 1
点赞数 1
分类专栏： qml 文章标签： qml qt
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ZuoHuiSui/article/details/79248877
版权
本文介绍如何将QWidget控件嵌入到QML中进行显示，强调了必须使用qt5以上版本且支持QQuickWidget的创建。控件适用于所有继承自QWidget的类。注意在QML中基类不应为Window或applicationWindow，推荐使用Rectangle。提供了C++代码示例作为正确使用方法。
摘要由CSDN通过智能技术生成

具体控件下载地址请等待csdn资源上传审核期过后 可开放下载：http://download.csdn.net/download/zuohuisui/10238672

此控件代码过于简单  本人也是初入it行业不久  希望大家指正错误 

此控件可以确保所有基于QWidget为基类的各种类可以使用此控件

使用前 请注意一定要是qt5 以上版本  或 支持QQuickWidget类的创建 qt版本。

运用此控件 请注意 qml中基类不能是Window或applicationWindow， 最好使用Rectangle或其他非QWindow类型的属性

正常使用方法如下，c++代码示例

 

#include <QApplication>
 

 

#include "QmlWidget.h"
 


                

        

        

    

  


        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  ZuoHuiSui
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          









                



	

		

			

				
					
qwidget嵌入qml最完整代码

				
			

			

				

					12-01
				

			

		

		

			
				
qwidge窗口嵌入qml窗口，
qml调用qwidget方法
qwidget发送信号传递数据
qml信号处理以及注意事项



			
		

	



                

            
              



	

		

			

				
					
QWidget控件在QML中使用 控件

				
			

			

				

					02-03
				

			

		

		

			
				
QWidget控件在QML中使用的控件
具体使用方法在我的博客中详细说明

			
		

	



              


  
              

                


	

		

			

				
					
【Qt】Qt C++ Widget中嵌入qml

					
最新发布

				
			

			

				

					-凌凌漆-的博客
				

				

					09-13
					
					990
					
				

			

		

		

			
				
QQuickView。

			
		

	





	

		

			

				
					
QT框架-QML中嵌入QWidget窗口

				
			

			

				

					qq_34585002的博客
				

				

					11-15
					
					885
					
				

			

		

		

			
				
参考：在QML 中，嵌入QWidget 对象_qml嵌入qwidget-CSDN博客

			
		

	



		

			
		



	

		

			

				
					
QWidget嵌入到QML中

				
			

			

				

					09-20
				

			

		

		

			
				
实现把QWidget嵌入到QML中，实现方案已经在博客中说明。

			
		

	





	

		

			

				
					
qwidget嵌入qml界面

				
			

			

				

					weixin_42887343的博客
				

				

					06-29
					
					6724
					
				

			

		

		

			
				
说明
在我们日常使用qt/C++的界面开发过程中，通常想要自定义、实现某些特定的非常美观、炫酷界面，使用qwidget的方式是比较麻烦且复杂的，如果滑动、动画等操作，qwidget需要重写事件，且还需要定义滑动的逻辑。
但是，Qt Quick 使用 QML 构建的一套类库几乎完美补足了此问题，如果只是做界面，使用qml还是非常完美的。QML 是一种基于 JavaScript 的声明式脚本语言，其性能相对C++来说性能还是稍微低了点，不过qt5.2之后版本对qml引擎进行了优化，性能相对来说，还是拉近了很多。

			
		

	





	

		

			

				
					
QWidget嵌入QML窗口中

					
热门推荐

				
			

			

				

					r5014的博客[Eosin_Sky]
				

				

					05-19
					
					1万+
					
				

			

		

		

			
				
<!- 2018年2月26日修改：由于很多小伙伴没看懂所以在结尾加入另外一个示例来说明>

<!- 2018年9月5日修改：评论有人提到可能显卡驱动原因导致程序崩溃，结尾处例举了一个可能的处理方案>



------------------------------------------------------------------------------------...

			
		

	





	

		

			

				
					
qml嵌入到QWidget中的简单使用

				
			

			

				

					ckg3824278的博客
				

				

					02-09
					
					1710
					
				

			

		

		

			
				
【代码】qml嵌入到QWidget中的简单使用。

			
		

	





	

		

			

				
					
qml窗口句柄的获取以及QWidget嵌入到QML窗口

				
			

			

				

					12-26
				

			

		

		

			
				
当我们需要在QML中使用复杂的C++组件或需要与C++代码深度交互时，将QWidget嵌入到QML窗口就显得尤为重要。本篇将详细讲解如何获取QML窗口句柄以及如何将QWidget嵌入到QML环境中。  首先，让我们了解什么是窗口句柄。...

			
		

	





	

		

			

				
					
qt qwidget 嵌入 到 qml demo

				
			

			

				

					11-17
				

			

		

		

			
				
qwidget 嵌入 到 qml demo ...

			
		

	





	

		

			

				
					
QTWidget中使用qml

				
			

			

				

					m0_57665952的博客
				

				

					06-08
					
					3174
					
				

			

		

		

			
				
第二步：连接qml中的信号小tips：QQuickItem是需要引入头文件的，不然在connect中会报错的输出结果：

			
		

	





	

		

			

				
					
QWidget加载QML界面，并通过信号槽交互

				
			

			

				

					06-30
				

			

		

		

			
				
QWidget通过QQuickWidget嵌入QML界面，QWidget与QML界面互相发送信号进行交互

			
		

	





	

		

			

				
					
Qt 使用QWidget调用QML打开安卓摄像头可以实时预览

				
			

			

				

					12-15
				

			

		

		

			
				
Qt 使用QWidget调用QML打开安卓摄像头可以实时预览，显示QT中使用QWidget调用QML的方法

			
		

	





	

		

			

				
					
qwidget与qml交互

				
			

			

				

					07-23
				

			

		

		

			
				
QWidget嵌入qml，实现QWidget与qml的交互、无标题栏、可拉伸、可拖动、可切换qml页面

			
		

	





	

		

			

				
					
Qt Qml嵌入Widget以及Qml与Widget交互

				
			

			

				

					m0_73443478的博客
				

				

					09-27
					
					1065
					
				

			

		

		

			
				
Qt Qml嵌入Widget以及Qml与Widget交互

			
		

	





	

		

			

				
					
Qt QWidget嵌入Qml界面

				
			

			

				

					qq_38159549的博客
				

				

					04-04
					
					1263
					
				

			

		

		

			
				
查阅了一些资料，找到一种嵌入将QWidget嵌入Qml界面的方法

遇到问题：

无法跟着qml窗口大小变化而变化
	新建QWidget类，只显示Widget窗口，里面的小控件无法显示，比如按钮、文本等无法显
源码链接：




...

			
		

	





	

		

			

				
					
qt之qml嵌入qwidget

				
			

			

				

					逝忆
				

				

					06-09
					
					4078
					
				

			

		

		

			
				
QT加载qml文件

qt调用qml文件的方式还是有多种，但是我习惯运用QQmlApplicationEngine来加载qml文件，因为这个类还可以吧qt类注册到qml中调用，这样交互非常方便。

比如：

  	   QQmlApplicationEngine 	m_engin.load(QUrl(QStringLiteral("qrc:/qml/main.qml")));

这样就可以把qml文件加载出来
		QQmlApplicationEngine  m_engin.rootContext()-&g

			
		

	





	

		

			

				
					
【QT与android】qt中利用qml实现在qwidget上显示地图并成功部署到安卓

				
			

			

				

					2301_76169903的博客
				

				

					03-28
					
					726
					
				

			

		

		

			
				
由于项目需求，需要开发一款app包含图传，地图显示与路径规划，之前也利用uniapp做过微信小程序，奈何能力有限，本人也不是计算机专业的，无奈放弃。在设计的过程中也遇到很多问题，找遍资料也没有合适的，自己淋过雨也甘愿为大家撑伞。5.虽然过程很艰辛，但是做出来的那一刻真的很开心！代码好多都是东拼西凑的，项目时间真的很赶，而且我只是一个苦逼大学生T.T，要学的东西太多了。3.在ui界面下放置一个QQuickWidget，这里我取的map_1。4.在.cpp文件中写下三行代码即可（当时找资料找了两天T.T）

			
		

	





	

		

			

				
					
qml 利用QQuickItem将qwidget嵌入到qml中

				
			

			

				

					12-20
				

			

		

		

			
				
在QML中，可以使用QQuickItem将QWidget嵌入到QML界面中。下面是一个示例代码：

```qml
import QtQuick 2.0
import QtQuick.Controls 2.0
import QtQuick.Layouts 1.3
import QtQuick.Window 2.0
import QtQuick.Controls.Material 2.0

Window {
    visible: true
    width: 800
    height: 600
    title: "QWidget嵌入到QML中"

    Item {
        id: rootItem
        width: parent.width
        height: parent.height

        // 创建一个QQuickItem用于嵌入QWidget
        QQuickItem {
            id: qwidgetItem
            width: 400
            height: 300

            // 在Component.onCompleted中创建QWidget并将其嵌入到QQuickItem中
            Component.onCompleted: {
                var qwidget = new QWidget();
                var qwidgetContainer = new QQuickWidget(qwidgetItem);
                qwidgetContainer.setResizeMode(QQuickWidget.SizeRootObjectToView);
                qwidgetContainer.setContent(qwidget);
            }
        }
    }
}
```

上述代码中，我们创建了一个QQuickItem（qwidgetItem），并在其Component.onCompleted事件中创建了一个QWidget，并将QWidget嵌入到QQuickItem中。然后，我们将QQuickItem添加到QML界面的根节点（rootItem）中。

请注意，为了能够在QML中使用QWidget，需要在.pro文件中添加QT += widgets。



			
		

	



              




          




        



    





    



      

      

        
      

      





	

		
评论 3

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值