Qt QGraphics简述及例程

  • 引言
  • 一、简单例程
  • 二、关于坐标系问题

引言

QGraphics*是Qt框架中,主要用于处理2D图形项的显示、交互和管理的模块,包括QGraphicsView、QGraphicsScene和QGraphicsItem。提供了一套高效的场景-视图架构,适合开发复杂的图形应用程序,如绘图工具、数据可视化、游戏等。该模块通过分层设计平衡了灵活性与性能,是Qt中处理复杂图形交互的首选方案。

  1. QGraphicsView
    用于显示场景内容的视图组件,支持缩放、旋转、滚动等交互操作。多个视图可以关联同一个场景,实现不同视角的同步展示。
  2. QGraphicsScene
    作为容器管理所有图形项(QGraphicsItem),负责场景的坐标系统、碰撞检测、事件传递等。场景可以包含数百万个项,但仍能保持高性能。
  3. QGraphicsItem
    所有图形项的基类,提供位置、变换、碰撞、绘制等基本功能。常见的派生类包括QGraphicsEllipseItem(圆形)、QGraphicsRectItem(矩形)等。

一、简单例程

简单的比喻:QGraphicsScene是一个场景,QGraphicsItem是场景里物体 (可以是多个),QGraphicsView是看场景的视角。

  • 可拖动Item的效果展示:
    在这里插入图片描述

  • 源码:

#include <QApplication>
#include <QGraphicsView>
#include <QGraphicsScene>
#include <QGraphicsRectItem>
#include <QGraphicsEllipseItem>
#include <QBrush>
#include <QPen>int main(int argc, char *argv[])
{QApplication app(argc, argv);// 创建一个场景QGraphicsScene scene;scene.setSceneRect(0, 0, 400, 300);// 创建一个矩形项并添加到场景QGraphicsRectItem *rectItem = new QGraphicsRectItem(50, 50, 100, 100);rectItem->setBrush(QBrush(Qt::blue));rectItem->setPen(QPen(Qt::black));rectItem->setFlag(QGraphicsItem::ItemIsMovable); // 允许拖动scene.addItem(rectItem);// 创建一个椭圆项并添加到场景QGraphicsEllipseItem *ellipseItem = new QGraphicsEllipseItem(200, 100, 150, 100);ellipseItem->setBrush(QBrush(Qt::red));ellipseItem->setPen(QPen(Qt::black));ellipseItem->setFlag(QGraphicsItem::ItemIsMovable); // 允许拖动scene.addItem(ellipseItem);// 创建一个视图并设置场景QGraphicsView view(&scene);view.setWindowTitle("示例");view.resize(500, 400);view.show();return app.exec();
}

Qt QGraphics体系及刷新机制介绍:https://zhuanlan.zhihu.com/p/613637924

二、关于坐标系问题

Qt图形视图框架三–坐标系统简介:https://blog.csdn.net/zhaoxd200808501/article/details/76177497

    1. QgraphicsScene的setSceneRect函数可以设置场景的位置(或者说View查看的位置)和大小。默认scene的中心和View的中心是重合的(默认Qt::AlignmentCenter),或者说默认原点(0,0)在中心,如下图所示:
      在这里插入图片描述
    QGraphicsScene *scene = new QGraphicsScene();scene->setBackgroundBrush(Qt::yellow);QGraphicsRectItem *rectItem = new QGraphicsRectItem(0, 0, 100, 100);scene->addItem(rectItem);//scene->setSceneRect(-50, -50, 100, 100);QGraphicsView *view = new QGraphicsView(scene);//view->setAlignment(Qt::AlignLeft|Qt::AlignTop);this->setCentralWidget(view);this->setGeometry(300, 300, 200, 200);
    1. 使用scene->setSceneRect(-50, -50, 100, 100)进行偏移,就是将view的查看的位置向左上都移动50 (也可以看作scene向右下移动50),由于默认Qt::AlignmentCenter,所有偏移是距离中心原点的距离,如下图所示:
      在这里插入图片描述
    1. 再设置view->setAlignment(Qt::AlignLeft|Qt::AlignTop);setSceneRect所设置的-50偏移,就是距离左上顶点的偏移,如下图所示:
      在这里插入图片描述

坐标系统问题总结:

  1. View和Scene的对齐方式,决定坐标系原点(0,0) (默认Qt::AlignmentCenter,中心作为原点),不是左上角为原点。
  2. setSceneRect设置的位置,是距离原点的位置。
  3. 换句话说就是,默认设置Scene的中心为坐标系原点,setSceneRect设置的(-50,-50)就是:View的中心在Scene中心左上方50处。

Qt工作笔记-QGraphicsView框架容易忽视的坐标问题-“画布”QgraphicsScene到底放在了哪儿?:https://blog.csdn.net/qq78442761/article/details/80965627
一个例子,搞懂QGraphicsView,QGraphicsScene坐标系统以及sceneRect设置:https://blog.csdn.net/biewenwoaaaa/article/details/144597336

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:http://www.pswp.cn/web/86726.shtml
繁体地址,请注明出处:http://hk.pswp.cn/web/86726.shtml
英文地址,请注明出处:http://en.pswp.cn/web/86726.shtml

如若内容造成侵权/违法违规/事实不符,请联系英文站点网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

代码随想录打卡第一天

文章讲解&#xff1a;代码随想录 视频讲解&#xff1a;手把手带你撕出正确的二分法 | 二分查找法 | 二分搜索法 | LeetCode&#xff1a;704. 二分查找_哔哩哔哩_bilibili class Solution { public:int search(vector<int>& nums, int target) {int left0;//左边界int…

时序数据库全面解析与对比

文章目录 1. 时序数据库概述1.1 时序数据特点1.2 时序数据库核心功能 2. 主流时序数据库对比2.1 InfluxDB2.2 Prometheus2.3 TimescaleDB2.4 OpenTSDB2.5 TDengine 3. 全方位对比3.1 功能对比3.2 性能对比3.3 适用场景对比3.4 社区与生态 4. 选型建议4.1 根据数据规模选择4.2 根…

【STM32CubeMX】ST官网MCU固件库下载及安装

用STM32CubeMX自带的Updater更新固件包会遇到各种幺蛾子&#xff08;如下图所示&#xff09;&#xff0c;所以干脆自己下载固件包&#xff0c;快速升级固件。 1. ST官网搜索你需要的MCU型号&#xff0c;并选择需要的固件版本&#xff0c;我这里是H7的MCU所以就找H7&#xff08;…

青少年编程与数学 01-012 通用应用软件简介 13 网上学习资源

青少年编程与数学 01-012 通用应用软件简介 13 网上学习资源 一、什么是网上学习资源&#xff08;一&#xff09;网上学习资源的基本定义&#xff08;二&#xff09;网上学习资源的工作原理&#xff08;三&#xff09;网上学习资源的类型 二、网上学习资源的重要意义&#xff0…

Python Selenium 忽略证书错误

文章目录 Python Selenium 忽略证书错误和忽略&#x1f527; **一、忽略 SSL 证书错误**1. **基础配置&#xff08;适用于 Chrome/Firefox&#xff09;**2. **高级场景&#xff1a;指定证书指纹**3. **浏览器兼容方案** &#x1f507; **二、隐藏 DevTools 监听提示**1. **禁用…

YOLOv8模型在RDK5开发板上的部署指南:.pt到.bin转换与优化实践

以下是针对在RDK5开发板(基于NVIDIA Jetson Orin平台)部署YOLOv8模型的详细技术指南,涵盖从模型转换、优化到部署的全流程: YOLOv8模型在RDK5开发板上的部署指南:.pt到.bin转换与优化实践 ——基于TensorRT的高性能嵌入式部署方案 第一章:技术背景与核心概念 1.1 RDK5开…

内网横向-工作流

一、信息收集阶段 操作 工具 / 命令 说明 系统基础信息采集 systeminfo、whoami /user 查看系统版本、用户 SID 等 域内用户 / 组查询 net user /domain、net group "domain admins" /domain 列出域用户及管理员组 域控及网络结构探测 nltest /dsgetdc、ip…

个人日记本小程序开发方案(使用IntelliJ IDEA)

个人日记本小程序开发方案(使用IntelliJ IDEA) 一、项目创建与环境配置 1. 新建项目 打开IDEA → New Project → JavaFX选择JDK 11+版本添加必要依赖:<!-- pom.xml --> <dependencies><dependency><groupId

react快速开始项目模板

代码仓库 gitee 创建项目 首先保证安装了node, 然后使用vite创建项目 vite npm create vite react-learn cd react-learn npm i 目录结构 一个完整的前端项目需要: 状态管理 在全局维护共有的状态(数据), 让页面组件之间共享数据, 我们使用pinia路由 路由让页面之间可以…

scrapy+django+pyecharts+mysql 实现西安游客行为分析系统大屏_用户画像_空间分析_路线智能推荐

项目地址 link 此处展示部分结果 思路 描述性统计 可视化大屏 用户画像&#xff08;聚类&#xff0c;情感分析&#xff09; 空间分析

AC-DC-AC间接变频电源设计方案(工频50Hz→20KHz)

AC-DC-AC间接变频电源设计方案(工频50Hz→20KHz) 一、方案分析与选择 1. 可选电路结构分析 方案1:二极管整流+Boost PFC+全桥逆变 优点: 输入功率因数高(>0.99)直流电压稳定可控输出波形质量好缺点: 电路复杂度较高成本相对较高方案2:晶闸管相控整流+电容滤波+半…

七天学完十大机器学习经典算法-09.梯度提升算法:预测艺术的精进之道

接上一篇《七天学完十大机器学习经典算法-08.K均值聚类&#xff1a;无监督学习的万能分箱术》 想象你在教一个学生解决复杂数学题&#xff1a;先让他做基础题&#xff0c;然后针对错误部分强化练习&#xff0c;再针对新错误继续训练...如此反复精进&#xff0c;直到完美掌握——…

数据库(MYsql)

一、Mysql概述 数据库&#xff1a;存储数据的仓库 &#xff0c;数据是有组织的进行存储 数据库管理系统&#xff1a;操纵和管理数据库的大型软件&#xff08;BBMS&#xff09; SQL&#xff1a;定义了一套操作关系型数据库统一标准&#xff0c;操作关系型数据库的编程语言 数…

【SpringBoot】Spring Boot + RESTful 技术实战指南

在当今的软件开发领域&#xff0c;Spring Boot 与 RESTful API 的结合已成为构建高效、可扩展 Web 应用的标配。本文将通过一个完整的项目示例&#xff0c;从知识铺垫到部署上线&#xff0c;带你一步步掌握 Spring Boot RESTful 的开发流程。 一、知识铺垫 1.1 Spring Boot …

安卓中静态和动态添加子 View 到容器

1.静态添加子View 在XML布局文件中直接定义子View&#xff1a; <!-- activity_main.xml --> <LinearLayoutxmlns:android"http://schemas.android.com/apk/res/android"android:id"id/container"android:layout_width"match_parent"a…

【NLP】自然语言项目设计03

目录 03模型构建 代码架构核心设计说明 初步构建模型并进行训练时遇到的一些问题 问题一&#xff1a;模型欠拟合 使用1 model - lstm 解释使用lstm时无法正常的进行cudnn加速 使用2 model - transformer 项目简介 训练一个模型&#xff0c;实现歌词仿写生成 任务类型&am…

WebRTC(十二):DTLS

在 WebRTC 中的作用 DTLS&#xff08;Datagram Transport Layer Security&#xff09;是 TLS 的 UDP 版本&#xff0c;在 WebRTC 中用于&#xff1a; 安全协商加密密钥对等验证&#xff08;基于 X.509 证书 fingerprint&#xff09;为 SRTP/SRTCP 提供密钥材料 WebRTC 不直接…

北大肖臻《区块链技术与应用》学习笔记

区块链学习笔记 \huge{区块链学习笔记} 区块链学习笔记 这是关于北京大学肖臻老师的《区块链技术与应用》课程的学习笔记。 BTC的数据结构 hash pointers&#xff1a;既保存结构体的对应地址位置&#xff08;指针&#xff09;&#xff0c;又保存结构体对应映射的hash值&#…

MongoDB 驱动升级性能测试报告

测试背景 将 MongoDB Java 驱动从 4.11.5 升级至 5.5.1&#xff0c;并配合 Reactor Core 3.8.0-M4 进行性能对比测试。测试主要围绕插入、查询、更新和删除四个核心操作进行。 环境配置 操作系统: Windows 11CPU: Intel Core™ i7-14700F, 28 核心, 2.10 GHzJDK: OpenJDK 21.…

淘宝商品评论实时采集 API 接入指南:从零开始实战开发

在电商数据分析领域&#xff0c;商品评论数据蕴含着用户对产品的真实反馈&#xff0c;对商家优化产品、提升服务质量具有重要价值。本文将详细介绍如何接入淘宝 API&#xff0c;实现商品评论的实时采集&#xff0c;从环境搭建到代码实现进行全流程讲解。 1. 淘宝api概述 淘宝…