Qt之QGraphicsView —— 笔记2：将QGraphicsView放置主窗口上，绘制简单图元（附完整源码）

已于 2024-06-07 09:43:40 修改
阅读量711 收藏 1
点赞数
分类专栏： Qt 文章标签： Qt QGraphicsView
于 2023-12-06 17:01:44 首次发布
automoblie0
本文链接：https://blog.csdn.net/automoblie0/article/details/134835986
版权
本文介绍了如何使用Qt的QGraphicsView在主窗口上展示QGraphicsScene内容，通过QGraphicsView实现可滚动视口并展示二维图形元素。文章提供了完整的源码示例，帮助读者理解QGraphicsView和QGraphicsScene之间的关系。
摘要由CSDN通过智能技术生成
效果

在这里插入图片描述

 

相关类介绍

     QGraphicsView类提供了一个小部件，用于显示QGraphicsScene的内容。QGraphicsView在可滚动视口中可视化。QGraphicsView将滚动其视口，以确保该点在视图中居中。

     QGraphicsScene类 提供了一个用于管理大量二维图形项的场景。请注意，QGraphicsScene没有自己的视觉外观；它只管理项目。需要创建一个QGraphicsView小部件来可视化场景。

 

完整源码

 
     注意：在ui文件中拖入一个QGraphicsView类窗口控件，然后用MyGraphicsView提升该类。
在这里插入图片描述

 
     main.cpp


                

                
                
        

        

        

    

  


        

            

                

                

                了解本专栏
                
                
                  
                订阅专栏 解锁全文
                 
                
                    
                    超级会员免费看
                
            

            
            
            
        

    

      

        

            

              
                
                  信必诺
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          

                

                        订阅专栏
                









                



	

		

			

				
					
Qt之QGraphicsView —— 笔记1：绘制简单图元（附完整源码）

				
			

			

				

					wx微信公众号“码农总动员”，获取更多编程知识
				

				

					12-06
					
					503
					
				

			

		

		

			
				
QGraphicsView类提供了一个小部件，用于显示QGraphicsScene的内容。QGraphicsView在可滚动视口中可视化。QGraphicsView将滚动其视口，以确保该点在视图中居中。QGraphicsScene类提供了一个用于管理大量二维图形项的场景。请注意，QGraphicsScene没有自己的视觉外观；它只管理项目。需要创建一个QGraphicsView小部件来可视化场景。

			
		

	



                

            
              



	

		

			

				
					
Qt之QGraphicsView —— 笔记3：矩形图元连接（附完整源码）

				
			

			

				

					wx微信公众号“码农总动员”，获取更多编程知识
				

				

					06-07
					
					409
					
				

			

		

		

			
				
Qt之QGraphicsView —— 笔记3：矩形图元连接（附完整源码）

			
		

	



              


  
              

                


	

		

			

				
					
Qt下面窗口嵌套，嵌套窗口中包含：QGraphicsView、QGraphicsScene、QGraphicsIte

				
			

			

				

					aoxuestudy的专栏
				

				

					06-13
					
					3452
					
				

			

		

		

			
				
Qt下面窗口嵌套，嵌套窗口中包含：QGraphicsView、QGraphicsScene、QGraphicsIte

			
		

	





	

		

			

				
					
QGraphicsView类的简单用法

				
			

			

				

					01-18
				

			

		

		

			
				
QT 控件QGraphicsView的简单用法，包含头文件和cpp，函数调用参考README.txt

			
		

	



		

			
		



	

		

			

				
					
Qt中的QGraphicsView、QGraphicsScene与QGraphicsItem：图形视图框架介绍

				
			

			

				

					m0_66847953的博客
				

				

					08-20
					
					1521
					
				

			

		

		

			
				
Qt中的QGraphicsView、QGraphicsScene与QGraphicsItem：图形视图框架介绍

			
		

	





	

		

			

				
					
Qt使用QGraphicsView实现滑动窗体效果

				
			

			

				

					huihui1988的专栏
				

				

					07-10
					
					3万+
					
				

			

		

		

			
				
QGraphicsView用来显示一个滚动视图区的QGraphicsScene内容。QGraphicsScene提供了QGraphicsItem的容器功能。通常与QGraphicsView一起使用来描述可视化图形项目。QGraphicsScene提供了一个视图的场景，通过在这样一个场景之上加入不同的QGraphicsItem来构建视图。而QGraphicsView则提供了一个widget来显示QGraphicsScene的内容。所以要想成功构建一个视图，这三个元素缺一不可。以下是一个QGraphicsVie

			
		

	





	

		

			

				
					
Qt qgraphicsview拖动qgraphicsScene (自记)

				
			

			

				

					qq_54501651的博客
				

				

					09-20
					
					451
					
				

			

		

		

			
				
/ 记录当前鼠标在view中的位置。// 记录鼠标按下时的中心点坐标。

			
		

	





	

		

			

				
					
Qt之QGraphicsView实战篇（很强大）

				
			

			

				

					danshiming的博客
				

				

					08-10
					
					9917
					
				

			

		

		

			
				
Qt之QGraphicsView实战篇_billy的博客-CSDN博客_qgraphicsview绘图


			
		

	





	

		

			

				
					
Qt之QGraphicsView实战篇

					
热门推荐

				
			

			

				

					billy的博客
				

				

					05-05
					
					4万+
					
				

			

		

		

			
				
作者：billy
版权声明：著作权归作者所有，商业转载请联系作者获得授权，非商业转载请注明出处
前言
前面的章节介绍了 Graphics View 绘图架构，终于到实战了，真的是千呼万唤始出来！这一章节就用 Graphics View 绘图架构来做一个绘图工具，实现一些基础图形的绘制，废话不多说先来看一下结果演示：

图形绘制介绍
我们知道简单的几何图形，只要确定两个点就可以完成绘制。比如要画一个...

			
		

	





	

		

			

				
					
Qt QGraphicsView 控件实现标尺和刻度先效果

				
			

			

				

					05-20
				

			

		

		

			
				
在Qt框架中，QGraphicsView是一个非常强大的控件，它用于显示复杂的2D图形场景，支持缩放、平移等操作。在这个特定的案例中，我们关注的是如何利用QGraphicsView来实现自定义的标尺和刻度线效果，而不需要额外引入...

			
		

	





	

		

			

				
					
QGraphicsView架构实现基本图形的绘制

				
			

			

				

					05-07
				

			

		

		

			
				
环境：VS2017+Qt5.14.2 环境匹配可以运行成功 功能： 1：实现了基本的图形：矩形、正方形、...2：鼠标实时绘制图形。鼠标按下后开始绘制，再次按下后停止绘制。 3：图形的拖拽、删除、撤销操作 4：曲线图形实时绘制。

			
		

	





	

		

			

				
					
第7章：QGraphicsView

				
			

			

				

					bandaostart
				

				

					01-23
					
					467
					
				

			

		

		

			
				
1，QGraphicsView视图类显示
2，源码：
#include "mainwindow.h"
#include <QApplication>
#include "mapwidget.h"

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
//    MainWindow w;
//    w....

			
		

	





	

		

			

				
					
144-QPainter和Graphics/View绘图-Graphics/View绘图-视图控件QGraphicsView

				
			

			

				

					*****
				

				

					07-10
					
					1961
					
				

			

		

		

			
				
为了简化如何以编程方式与视图中的项交互,QGraphicsView提供了映射函数mapToScene()和mapFromScene((),以及项访问器items()和itemAt()。或者,您可以调用setScene()在以后的某个点设置场景。下面的程序首先建立视图控件的子类,创建自定义信号,信号的参数是单击鼠标或移动鼠标时光标在视图控件的位置,并重写了鼠标单击、移动事件和背景函数,然后在场景中建立一个矩形和一个圆用鼠标可以拖动矩形和圆,并在状态栏上显示鼠标拖动点的视图坐标、场景坐标和图项坐标。

			
		

	





	

		

			

				
					
Qt: QGraphicsView二维图形绘图框架

					
最新发布

				
			

			

				

					weixin_44110080的博客
				

				

					08-28
					
					444
					
				

			

		

		

			
				
Qt: QGraphicsView二维图形绘图框架

			
		

	





	

		

			

				
					
148-QPainter和Graphics/View绘图-Graphics/View绘图- 代理控件和图形控件

				
			

			

				

					*****
				

				

					07-10
					
					721
					
				

			

		

		

			
				
QGraphicsProxyWidget 中添加控件的方法是 setWidget(QWidget),QWidget 不能有WA_PaintOnScreen 属性,也不能是包含其他程序的控件,例如QOpenGLWidget 和QAxWidget控件。代理类控件可以将QWidget类控件加入到场景中,可以先创建QGraphicsProxyWidget 控件,然后用场景的addItem(QGraphicsProxyWidget)方法把代理控件加人到场景中。用widget()方法可以获取代理控件中的控件。

			
		

	





	

		

			

				
					
Qt模型视图之QGraphicsView

				
			

			

				

					Snow__Sunny的博客
				

				

					07-08
					
					600
					
				

			

		

		

			
				
Qt模型视图之QGraphicsView
1. 基础知识介绍
Qt之QGraphicsView入门篇
Qt之QGraphicsView进阶篇
Qt之QGraphicsView实战篇
2. 个人实战演练
3. 个人所遇问题



			
		

	





	

		

			

				
					
Qt之QGraphicsView入门篇

				
			

			

				

					高恩阳的博客
				

				

					10-29
					
					346
					
				

			

		

		

			
				
看下面这篇文章就够了！


​​​​​​Qt之QGraphicsView入门篇_billy的博客-CSDN博客_qgraphicsview


			
		

	





	

		

			

				
					
qt qgraphicsview 将图元居中显示

				
			

			

				

					06-01
				

			

		

		

			
				
要将图元居中显示在QGraphicsView中，可以使用QGraphicsView的fitInView()函数。这个函数会自动缩放图元以适合视图，并将它们居中显示。示例代码如下：

```cpp
QGraphicsView* view = new QGraphicsView(scene);
view->setSceneRect(scene->sceneRect());
view->fitInView(scene->itemsBoundingRect(), Qt::KeepAspectRatio);
```

其中，scene是你的QGraphicsScene对象，view是你的QGraphicsView对象。fitInView()函数的第一个参数是QRectF类型，它表示需要在视图中居中显示的图元的边界矩形。我们可以使用itemsBoundingRect()函数获取所有图元的边界矩形，从而将它们居中显示在视图中。第二个参数是一个Qt::AspectRatioMode枚举值，它表示缩放图元时保持的宽高比。在这个示例中，我们使用了Qt::KeepAspectRatio，表示保持宽高比不变。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  





	
打赏作者

	

		

		
			
		
		

		

			
信必诺

			
嗨，支持下哥们呗。

		

	

	

			

	

	

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

	

		

			

				

					扫码支付：¥1
				

				

					

					
					获取中
					

				

				

					
					
					扫码支付
				

			

		

		

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

			
打赏作者

		

	



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值