QGraphicsView如何添加 和改变图片大小！

最新推荐文章于 2024-08-17 15:02:34 发布
最新推荐文章于 2024-08-17 15:02:34 发布
阅读量1.1w 收藏 8
点赞数 1
分类专栏： Qt开发总结 文章标签： QGraphicView QGraphicsScene QGraphicsItem
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/taoerit/article/details/31797579
版权
本文档详细介绍了如何在Qt环境中利用QGraphicsView、QGraphicsScene和QGraphicsItem组件进行图像的添加及大小改变操作。通过创建Scale工程，在QWidget中布局，并添加ZoomIn和ZoomOut按钮，实现图像的缩放功能。点击按钮触发clicked信号，完成图像的放大和缩小功能。
摘要由CSDN通过智能技术生成

1 创建工程 Scale，基类为QWidget ，使用布局器布局，工程文件为 main.cpp widget.h widget.cpp 

    a 添加2个按钮控件 ZoomIn 和ZoomOut。

    b 添加控件QGraphicsView。

    c 信号为clicked

 

2  widget.h 里

#include <QtCore>
#include <QtGui>
#include <QGraphicsItem>
#include <QGraphicsView>

                

        

        

    

  


        

            

                

                

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

            
            
            
        

    

      

        

            

              
                
                  程序猿的杂货店
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          

                

                        订阅专栏
                









                



	

		

			

				
					
QT QGraphicview 实现游标卡尺

				
			

			

				

					cs821984831的博客
				

				

					07-30
					
					95
					
				

			

		

		

			
				
1.按住Ctrl + 滚动支持场景和游标卡尺的自适应缩放。2.支持鼠标移动的实时位置变化。

			
		

	



                

              
                



	

		

			

				
					
QGraphicsView 加载图片

				
			

			

				

					m0_45463480的博客
				

				

					12-06
					
					1039
					
				

			

		

		

			
				
要在C++中使用QGraphicsView加载图片，可以按照以下步骤进行：创建一个QGraphicsScene对象，并将其设置为QGraphicsView的场景。加载图片并创建一个QPixmap对象。将pixmap添加到场景中。调整视图的大小以适应场景内容，并显示出来。这样就可以在QGraphicsView中加载并显示图片了。记得替换”path_to_image.jpg”为你自己的图片路径。

			
		

	



                


  
              

                


	

		

			

				
					
如何使QGraphicsItem不随QGraphicsView放大缩小而改变大小

				
			

			

				

					08-10
				

			

		

		

			
				
在使用QGraphicsView过程中，有时候我们需要对view进行缩放，但是对于一般正常的加入view中的item都会随着view的大小变化而变化，但是如果我们想让某些item不随view的缩放进行改变怎么办呢？详情见博客：http://blog.csdn.net/goforwardtostep/article/details/76862952

			
		

	





	

		

			

				
					
qt 6.7 使用QGraphicsRectItem绘制一个矩形，提供完整代码

					
最新发布

				
			

			

				

					xie__jin__cheng的博客
				

				

					08-17
					
					828
					
				

			

		

		

			
				
在Qt 6.7中，使用来绘制一个矩形通常涉及到和。

			
		

	



		

			
		



	

		

			

				
					
QtGraphicView添加图元

				
			

			

				

					qq_21291397的博客
				

				

					03-13
					
					1507
					
				

			

		

		

			
				
最近一段时间一直在学习Qt的相关内容，Qt入门相对还简单，但精通确不那么容易。有句话叫功到自然成，那就一点一点积累吧。
Qt中有关场景和视图的介绍，根据这个框架可以非常方便的搭建一些动画等。
本次的实例就是如何添加图元，先看下效果：

QtCreator 可以方便地添加 GraphicsWidget 、lable、button、lineEdit。这些控件。先将这些控件在主窗口中布局好。
下面是ma...

			
		

	





	

		

			

				
					
Qt QGraphicsItem尺寸调整，缩放

				
			

			

				

					03-22
				

			

		

		

			
				
QT GraphicsView框架的应用，对自定义RectItem通过控制点AgentItem调整尺寸，Item成组，解组的具体用法，给学习Qt组态软件编写提供很大帮助。
程序需要Qt4.7.4支持，Vs2008环境。

			
		

	





	

		

			

				
					
QGraphicsView背景图片设置，Qt界面美化

				
			

			

				

					lidengfeng0ff的专栏
				

				

					10-09
					
					3805
					
				

			

		

		

			
				
偶然看到WPS上的流程图画面比较好看，决定研究下，网上看了很多比较复杂

直接上代码，一句搞定，背景会自动拼接不留缝隙，图元缩放也不影响


setStyleSheet("background: rgba(0,0,0,0);border:0px;background-image: url(:/Form/Imag/VeiwBack.jpg);");

关键点：

1、将背景设置为透明

2、直接贴图background-image

看图说话

原图

修改前



修改后




...

			
		

	





	

		

			

				
					
QGraphicsView创建悬浮按钮

				
			

			

				

					weixin_43435307的博客
				

				

					03-08
					
					2252
					
				

			

		

		

			
				
简介
QGraphicsView



			
		

	





	

		

			

				
					
qgraphicsview 添加矩形框并拖动改变大小_Photoshop 中调整图像大小、裁剪和拉直图像及图像添加到图像画布...

				
			

			

				

					weixin_39621860的博客
				

				

					12-05
					
					570
					
				

			

		

		

			
				
1. 选择“Image”(图像)>“Image Size”(图像大小)。2. 如果图像用于屏幕显示，则使用像素作为宽度和高度单位，如果图像需要打印，则使用英寸作为单位。确保链接图标开启，以保持图像比例。这样当你更改宽度时，会自动调整高度，反之亦然。3. 选择“Resample”(重新取样)更改图像中的像素数量。图像大小更改完成。4. 点击“OK”(确定)。 设置分辨率更改图像的分辨率。所学内...

			
		

	





	

		

			

				
					
QGraphicsView以鼠标点实现放大缩小、拖拽

				
			

			

				

					12-22
				

			

		

		

			
				
在Qt框架中，`QGraphicsView`是一个强大的组件，用于显示和操作复杂的2D图形场景。本篇文章将详细讲解如何利用`QGraphicsView`来实现图像的放大、缩小和拖拽功能，这对于创建具有交互性的图形用户界面（GUI）特别...

			
		

	





	

		

			

				
					
基于QGraphicsView实现的画图软件

				
			

			

				

					09-11
				

			

		

		

			
				
画图软件，基于QGraphicsView实现，可画直线，矩形，椭圆，圆角矩形，不规则多边形，曲线等等基本功能，并且可编辑这些图形，代码封装完毕，可简单移植到项目中使用。

			
		

	





	

		

			

				
					
QGraphicsScene 绘制刻度图

				
			

			

				

					06-29
				

			

		

		

			
				
Qt5.6+MSVC，QGraphicsScene QGraphicsView 绘制刻度图

			
		

	





	

		

			

				
					
Qt绘图 QGraphicsView

				
			

			

				

					07-06
				

			

		

		

			
				
在Qt框架中，`QGraphicsView`是用于创建复杂图形用户界面的重要组件，它与`QGraphicsScene`和`QGraphicsItem`一起构成了强大的2D绘图系统。这个系统允许开发者实现灵活的图形操作，如缩放、移动和旋转，为用户提供了...

			
		

	





	

		

			

				
					
QGraphicsView 实例2基本结构和功能实现

				
			

			

				

					m0_75179090的博客
				

				

					08-16
					
					437
					
				

			

		

		

			
				
Graphics View框架结构”三元素“：场景类（QGraphicsScene）、视图类（QGraphicsView）和图元类（QGraphicsItem）。场景类提供管理位于其中的图元容器，视图类显示场景中的图元，场景可以通过多个视图表现。主要工作：1.提供管理大量图形项的快速接口2.将事件传播给每个图形项3.管理每个图形项的状态，如：选择状态，焦点状态等4.管理未经变换的渲染功能，主要用于打印放置图元的容器，本身不可见，通过关联视图类显示和操作。

			
		

	





	

		

			

				
					
qgraphicsview鼠标移动图片_交互式QGraphicsView（平移/缩放/旋转）-阿里云开发者社区...

				
			

			

				

					weixin_39955351的博客
				

				

					12-19
					
					586
					
				

			

		

		

			
				
简述Graphics View提供了一个平台用于大量自定义 2D 图元的管理与交互框架包括一个事件传播架构支持场景 Scene 中的图元 Item 进行精确的双精度交互功能。Item 可以处理键盘事件、鼠标按下、移动、释放和双击事件同时也能跟踪鼠标移动。和 Google 地图一样在管理大量 Item 的时候通常需要 View 具有交互平移/缩放/旋转功能。交互式 QGraphicsView便于以后...

			
		

	





	

		

			

				
					
Qt图形视图框架：视图增加标尺

				
			

			

				

					友善啊，朋友的博客
				

				

					05-12
					
					4322
					
				

			

		

		

			
				
效果：



把视图、水平标尺、垂直标尺用网格布局放置。

每当拖动视图的滚动条时，更新标尺的偏移量：


    connect(deviceGraphicsView->horizontalScrollBar(),&QScrollBar::valueChanged,[this,horizontalRuler]
    {
        horizontalRuler->setOffset(deviceGraphicsView->mapToScene(0,0).x());
   

			
		

	





	

		

			

				
					
Qt 工程添加资源文件（图片）

				
			

			

				

					lk_luck的博客
				

				

					12-01
					
					2125
					
				

			

		

		

			
				
在做带 UI 的程序时，往往需要添加一些图片美化 UI，本文介绍怎么给工程添加图片，并显示在 Label 控件上。
添加资源文件
在工程目录新建一个目录，把图片文件放进去

Qtcreator 项目的窗口点击鼠标右键，依次选择：添加新文件 -> Qt -> Qt Resource File

名字随意，路径选择前面保存图片新建的目录，确认后会生成 .qrc 文件。
鼠标右键点击 .qrc 文件选择 Open in Editor

点击添加前缀，输入前缀名称，需要添加前缀之后才能添加文件

快捷键

			
		

	





	

		

			

				
					
QGraphicsView 实现绘图标尺和刻度线特效

				
			

			

				

					qq_35554617的博客
				

				

					05-20
					
					1229
					
				

			

		

		

			
				
通过重写QGraphicsView 控件的'void paintEvent(QPaintEvent *event) override'事件实现绘制标尺和刻度线效果，直接绘制在控件上，不使用其他控件或图元

			
		

	





	

		

			

				
					
pyqt5显示原图不改变大小，且可以通过滚轮缩放图片

				
			

			

				

					06-10
				

			

		

		

			
				
如果您想要在PyQt5中显示原图并允许用户通过滚轮缩放图片，可以使用QGraphicsView和QGraphicsScene。以下是示例代码：

```python
import sys
from PyQt5.QtGui import QPixmap, QWheelEvent
from PyQt5.QtWidgets import QApplication, QGraphicsView, QGraphicsScene

class ImageViewer(QGraphicsView):
    def __init__(self):
        super().__init__()
        self.initUI()

    def initUI(self):
        # 创建一个QGraphicsScene
        self.scene = QGraphicsScene(self)
        # 加载图片
        pixmap = QPixmap('image.png')
        # 将图片添加到QGraphicsScene中
        self.scene.addPixmap(pixmap)
        # 将QGraphicsScene设置为视图的场景
        self.setScene(self.scene)
        # 设置视图的大小策略为“保持大小”
        self.setResizeAnchor(QGraphicsView.AnchorViewCenter)
        self.setTransformationAnchor(QGraphicsView.AnchorViewCenter)
        self.setDragMode(QGraphicsView.ScrollHandDrag)
        self.setRenderHint(QGraphicsView.SmoothPixmapTransform)
        self.setRenderHint(QGraphicsView.HighQualityAntialiasing)
        self.setRenderHint(QGraphicsView.NonCosmeticDefaultPen)

    def wheelEvent(self, event: QWheelEvent) -> None:
        # 改变视图的缩放级别
        scale_factor = 1.15
        if event.angleDelta().y() > 0:
            self.scale(scale_factor, scale_factor)
        else:
            self.scale(1 / scale_factor, 1 / scale_factor)

if __name__ == '__main__':
    app = QApplication(sys.argv)
    ex = ImageViewer()
    ex.show()
    sys.exit(app.exec_())
```

这个例子中，我们创建了一个名为ImageViewer的QGraphicsView，并在其中创建了一个QGraphicsScene。我们将图片加载到QGraphicsScene中，并将QGraphicsScene设置为视图的场景。然后，我们将视图的大小策略设置为“保持大小”，以确保它不会改变图片的大小。我们重写了wheelEvent()方法，以便用户可以通过滚轮缩放图片。最后，我们将视图显示在屏幕上。

注意，我们使用了一些额外的参数来将视图设置为更好的质量，比如平滑的像素变换、高质量的抗锯齿和默认的非化妆笔。这些参数是可选的，您可以根据自己的需要进行设置。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  





	
打赏作者

	

		

		
			
		
		

		

			
程序猿的杂货店

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

		

	

	

			

	

	

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

	

		

			

				

					扫码支付：¥1
				

				

					

					
					获取中
					

				

				

					
					
					扫码支付
				

			

		

		

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

			
打赏作者

		

	



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值