爆款云主机2核4G限时秒杀,88元/年起!
查看详情

活动

天翼云最新优惠活动,涵盖免费试用,产品折扣等,助您降本增效!
热门活动
  • 618智算钜惠季 爆款云主机2核4G限时秒杀,88元/年起!
  • 免费体验DeepSeek,上天翼云息壤 NEW 新老用户均可免费体验2500万Tokens,限时两周
  • 云上钜惠 HOT 爆款云主机全场特惠,更有万元锦鲤券等你来领!
  • 算力套餐 HOT 让算力触手可及
  • 天翼云脑AOne NEW 连接、保护、办公,All-in-One!
  • 中小企业应用上云专场 产品组合下单即享折上9折起,助力企业快速上云
  • 息壤高校钜惠活动 NEW 天翼云息壤杯高校AI大赛,数款产品享受线上订购超值特惠
  • 天翼云电脑专场 HOT 移动办公新选择,爆款4核8G畅享1年3.5折起,快来抢购!
  • 天翼云奖励推广计划 加入成为云推官,推荐新用户注册下单得现金奖励
免费活动
  • 免费试用中心 HOT 多款云产品免费试用,快来开启云上之旅
  • 天翼云用户体验官 NEW 您的洞察,重塑科技边界

智算服务

打造统一的产品能力,实现算网调度、训练推理、技术架构、资源管理一体化智算服务
智算云(DeepSeek专区)
科研助手
  • 算力商城
  • 应用商城
  • 开发机
  • 并行计算
算力互联调度平台
  • 应用市场
  • 算力市场
  • 算力调度推荐
一站式智算服务平台
  • 模型广场
  • 体验中心
  • 服务接入
智算一体机
  • 智算一体机
大模型
  • DeepSeek-R1-昇腾版(671B)
  • DeepSeek-R1-英伟达版(671B)
  • DeepSeek-V3-昇腾版(671B)
  • DeepSeek-R1-Distill-Llama-70B
  • DeepSeek-R1-Distill-Qwen-32B
  • Qwen2-72B-Instruct
  • StableDiffusion-V2.1
  • TeleChat-12B

应用商城

天翼云精选行业优秀合作伙伴及千余款商品,提供一站式云上应用服务
进入甄选商城进入云市场创新解决方案
办公协同
  • WPS云文档
  • 安全邮箱
  • EMM手机管家
  • 智能商业平台
财务管理
  • 工资条
  • 税务风控云
企业应用
  • 翼信息化运维服务
  • 翼视频云归档解决方案
工业能源
  • 智慧工厂_生产流程管理解决方案
  • 智慧工地
建站工具
  • SSL证书
  • 新域名服务
网络工具
  • 翼云加速
灾备迁移
  • 云管家2.0
  • 翼备份
资源管理
  • 全栈混合云敏捷版(软件)
  • 全栈混合云敏捷版(一体机)
行业应用
  • 翼电子教室
  • 翼智慧显示一体化解决方案

合作伙伴

天翼云携手合作伙伴,共创云上生态,合作共赢
天翼云生态合作中心
  • 天翼云生态合作中心
天翼云渠道合作伙伴
  • 天翼云代理渠道合作伙伴
天翼云服务合作伙伴
  • 天翼云集成商交付能力认证
天翼云应用合作伙伴
  • 天翼云云市场合作伙伴
  • 天翼云甄选商城合作伙伴
天翼云技术合作伙伴
  • 天翼云OpenAPI中心
  • 天翼云EasyCoding平台
天翼云培训认证
  • 天翼云学堂
  • 天翼云市场商学院
天翼云合作计划
  • 云汇计划
天翼云东升计划
  • 适配中心
  • 东升计划
  • 适配互认证

开发者

开发者相关功能入口汇聚
技术社区
  • 专栏文章
  • 互动问答
  • 技术视频
资源与工具
  • OpenAPI中心
开放能力
  • EasyCoding敏捷开发平台
培训与认证
  • 天翼云学堂
  • 天翼云认证
魔乐社区
  • 魔乐社区

支持与服务

为您提供全方位支持与服务,全流程技术保障,助您轻松上云,安全无忧
文档与工具
  • 文档中心
  • 新手上云
  • 自助服务
  • OpenAPI中心
定价
  • 价格计算器
  • 定价策略
基础服务
  • 售前咨询
  • 在线支持
  • 在线支持
  • 工单服务
  • 建议与反馈
  • 用户体验官
  • 服务保障
  • 客户公告
  • 会员中心
增值服务
  • 红心服务
  • 首保服务
  • 客户支持计划
  • 专家技术服务
  • 备案管家

了解天翼云

天翼云秉承央企使命,致力于成为数字经济主力军,投身科技强国伟大事业,为用户提供安全、普惠云服务
品牌介绍
  • 关于天翼云
  • 智算云
  • 天翼云4.0
  • 新闻资讯
  • 天翼云APP
基础设施
  • 全球基础设施
  • 信任中心
最佳实践
  • 精选案例
  • 超级探访
  • 云杂志
  • 分析师和白皮书
  • 天翼云·创新直播间
市场活动
  • 2025智能云生态大会
  • 2024智算云生态大会
  • 2023云生态大会
  • 2022云生态大会
  • 天翼云中国行
天翼云
  • 活动
  • 智算服务
  • 产品
  • 解决方案
  • 应用商城
  • 合作伙伴
  • 开发者
  • 支持与服务
  • 了解天翼云
      • 文档
      • 控制中心
      • 备案
      • 管理中心

      用VS Code搞Qt 6:Gui基础类型——QGuiApplication和QWindow

      首页 知识中心 其他 文章详情页

      用VS Code搞Qt 6:Gui基础类型——QGuiApplication和QWindow

      2024-09-24 06:31:08 阅读次数:49

      event,VSCode,组件

      在99.996%的情况下,我们弄 Qt 应用都会使用 QApplication 类和 QWidget 类,即直接用 Widgets 库中的组件/控件。为了方便开发人员自己造轮子,Qt 也提供了一套基础的 GUI 组件。这些组件位于 Gui 库中。

      实际上,Widgets 也是在 Gui 库上实现的,算是官方默认为咱们实现的图形组件库。若是我们自己也想实现一套图形组件库,就得从 Gui 库入手。当然,此行为需要决心、恒心、耐心、信心、专心、勇气、朝气、力气、努力、神力、洪荒之力。毕竟是一项大工程,没有上述精神元素是很难做成的。因此,许多时候,我们压根儿不会去弄,就算要写个自定义的可视化组件,那一般也是从 QWidget 派生。

      尽管不怎么用,但还得了解一下的。QGuiAppliction 类用于管理整个应用程序的消息循环,初始化完各类组件后,开启主消息循环,直到循环结束,程序归西。QApplication 类就是它的子类。

      QWindow 类是各种窗口部件的基类。它不仅指窗体,也包括窗口上的控件什么的。控件会被视为子窗口(就是没有了标题栏和边框这些)。所以,从 QWindow 类派生既能实现窗体逻辑,也能自定义控件。不过,咱们一般不会直接从 QWindow 类派生,而是使用以下两个家伙:

      1、QRasterWindow :这个很好使,就是我们最最最的绘图方式来画控件的可视化部分。Raster 是“光栅”的意思。

      2、QOpenGLWindow :看名字也猜到,该类使用 OpenGL 来绘制控件的可视化部分。

      下面老周弄一个简单的演示,实现一个 MyCustWindow 类,派生自 QRasterWindow。里面也没啥逻辑,就是先把窗口的背景刷成红色,显得异常地喜庆和活泼。然后当鼠标移到窗口上时,会在窗口上画一个饼……不,是一个圆,这个圆会跟着鼠标指针走——其实,圆并不会动,只不过在鼠标移动后不断地将窗口重新绘制,以制造出圆会动的效果。

      总体的代码文件有四个,其实就两个,C/C++都有头文件,于是就四个了。

      /* CMakeLists.txt */
      
      project(MyApp LANGUAGES CXX)
      
      find_package(Qt6 REQUIRED COMPONENTS Core Gui)
      set(CMAKE_CXX_STANDARD 17)
      set(CMAKE_AUTOMOC ON)
      set(CMAKE_CXX_STANDARD_REQUIRED ON)
      
      add_executable(MyApp WIN32
                  app.h
                  app.cpp
                  MyCustWindow.h
                  MyCustWindow.cpp)
      
      target_link_libraries(MyApp PRIVATE
                           Qt6::Core
                           Qt6::Gui)

      app.cpp 是写 main 的,自定义窗口是 MyCustWindow.h 和 MyCustWindow.cpp。老周有个习惯,写C++代码通常会新建个头文件,把要用到的所有头文件一次性弄上去,然后项目中其他地方包含这个头文件就行了。比如这里的 app.h。

      #ifndef _APP_H_
      #define _APP_H_
      
      #include <QGuiApplication>
      #include <QRasterWindow>
      #include <QRect>
      #include <QSize>
      #include <QPainter>
      #include <QColor>
      #include <QEvent>
      #include <QMouseEvent>
      
      #endif

      Qt 这厮基本就是这样的,每个类一个头文件,所以用到哪些类,直接上名字。_APP_H_ 只是个宏,为了防止多次包含此头文件时被重复定义,没有别的用途。这里老周没有用 #pragma once,据说这个不太通用。当然也没说不能用,只要不报错啥也能上。

      接下来是自定义窗口类的定义。

      /* MyCustWindow.h */
      
      #include "app.h"
      
      class MyCustWindow : public QRasterWindow {
          Q_OBJECT
      public:
          explicit MyCustWindow(QWindow* parent = nullptr);
          ~MyCustWindow();
      protected:
          void paintEvent(QPaintEvent *event) override;   
          bool event(QEvent *event) override;
      
      private:
          QPoint _curr_pos;
      };

      用在Qt对象树上的类型(说白了是 QObject 的直接或间接子类)都要加个宏 Q_OBJECT,信号和 Cao 需要它。不知道是啥也没事,照搬就行了。

      这里,_curr_pos 是私有的成员,主要用来记录当前鼠标指针的坐标,以便在 paintEvent 中画图用。这个示例需要重写两个成员:

      1、paintEvent:绘制窗口内容。

      2、event:处理事件,捕捉鼠标指针移动事件—— MouseMove。这里其实可以用 eventFilter,也能起来相同的效果,不过,直接重写 event 最划算。

      下面看 event 方法的实现。

      bool MyCustWindow::event(QEvent *event)
      {
          // 分析一下事件类型
          if(event -> type() == QEvent::MouseMove)
          {
              QMouseEvent* msevent = dynamic_cast<QMouseEvent*>(event);
              // 拿到当前鼠标指针的位置
              _curr_pos = msevent->pos();
      
              // 重新绘制窗口
              update();
              // 已处理,返回true
              return true;
          }
      
          // 剩下的留给基类默认处理
          return QRasterWindow::event(event);
      }

      如果是鼠标事件,那么,event 参数的指针实际指向的是 QMouseEvent 对象,所以我这里用 dynamic_cast 转换了一下,这个运算符虽然不太安全,但指针之间转换比较好用。这里其实不会有啥问题,因为如 event type 确定为 MouseMove,那么 event 参数就是 QMouseEvent* 类型。接着,访问 pos() 获得当前坐标,赋值给 _curr_pos。最后一步是调用 update 方法,这个一定要调用,这样才能强制窗口重新绘制,那个圆才会跟着鼠标走。

      当然,最后一行也少不了,毕竟我们这里只关心鼠标事件,可能还有很多事件,于是这些我们不感兴趣的事件交给基类处理。

      return QRasterWindow::event(event);

      下一步,我们画窗口内容。

      void MyCustWindow :: paintEvent(QPaintEvent *event)
      {
          QColor bkColor(255,0,0);   // 背景色
          QColor ptColor(255,255,0);  // 跟随鼠标指针的颜色
      
          // 开始表演
          QPainter painter(this);
          // 设置默认背景色
          painter.setBackgroundMode(Qt::OpaqueMode);
          painter.setBackground(QBrush(bkColor));
          painter.setBrush(QBrush(ptColor));
          // 擦除画布
          painter.eraseRect(0, 0, width(), height());
          // 画圆
          painter.drawEllipse(_curr_pos, 20, 20);
      
          //event -> accept();
      }

      最后一行的 accept 方法调用,此处可以有也可以省略。accept 后事件就不再传播到父对象了,不是父类,是对象树上的父对象。窗口算是这里的顶层对象了,所以传不传上去无所谓。

      这里有坑,有不少同志说,调用 setBackground 方法无法设置背景,全是黑的。这里要注意两点:

      1、setBackgroundMode 方法将模式设置为 OpaqueMode 时才能上背景,如果是 TransparentMode,表明是透明背景,此时设置不了背景色的。程序默认就是 OpaqueMode,所以 setBackgroundMode 一行可以省略。

      2、设置背景色后,在绘制前一定要清空画布——调用 eraseRect 方法,本示例中要擦除整个窗口的区域,所以,矩形的大小和窗口大小相同。

      调用 drawEllipse 方法直接就可以画圆了,我们这里画的不是椭圆,而是正圆,只要让 x 和 y 轴方向上的半径相等(都是 20)就可以了。

      回到 app.cpp,写 main 入口函数。

      #include "app.h"
      #include "MyCustWindow.h"
      
      int main(int argc, char* argv[])
      {
          QGuiApplication app(argc, argv);
      
          // 实例化窗口
          MyCustWindow window;
          // 标题
          window.setTitle("喜狼狼和灰太羊");
          // 大小
          window.resize(300, 270);
          // 位置
          window.setPosition(670,364);
          // 显示窗口
          window.show();
      
          return app.exec();
      }

      app.exec 开启主消息循环,要在所有初始化工作完成再调用,因为它不会马上返回,而是等消息循环结束才返回。

      末了,完工,咱们看看效果。

      用VS Code搞Qt 6:Gui基础类型——QGuiApplication和QWindow

      通过这个演示,大伙伴们对 QWindow 的用处,想必有所了解了。若某天你发现你要干自造轮子的大活,那就得这样弄了。

      版权声明:本文内容来自第三方投稿或授权转载,原文地址:https://www.cnblogs.com/tcjiaan/p/16727570.html,作者:东邪独孤,版权归原作者所有。本网站转在其作品的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如因作品内容、版权等问题需要同本网站联系,请发邮件至ctyunbbs@chinatelecom.cn沟通。

      上一篇:vue3实现单点登录

      下一篇:python学习笔记(一)之列表

      相关文章

      2025-05-09 08:50:35

      Element学习(布局组件、案例操作)(4)

      Element学习(布局组件、案例操作)(4)

      2025-05-09 08:50:35
      展示 , 布局 , 效果 , 查询 , 组件 , 表单 , 表示
      2025-04-23 08:18:27

      结构型模式---装饰模式

      装饰模式是一种结构形模式,允许通过将对象放入包含行为的特殊封装对象(装饰器)中来为原来对象(组件)绑定新的行为。

      2025-04-23 08:18:27
      对象 , 模式 , 组件 , 行为 , 装饰
      2025-04-22 09:40:08

      【ETL工具】Kettle 调优 (使用阻塞组件的同时数据量大)

      【ETL工具】Kettle 调优 (使用阻塞组件的同时数据量大)

      2025-04-22 09:40:08
      组件 , 缓存 , 队列
      2025-04-22 09:28:19

      Vue3中如何实现动态菜单递归

      Vue3中如何实现动态菜单递归

      2025-04-22 09:28:19
      实现 , 组件 , 菜单 , 路由 , 递归
      2025-04-18 07:11:32

      golang实战项目log2metrics架构说明

      golang实战项目log2metrics架构说明

      2025-04-18 07:11:32
      code , 日志 , 组件
      2025-04-18 07:10:38

      设计模式-适配器模式

      适配器模式(Adapter Pattern)是一种结构型设计模式,它允许不兼容的接口能够一起工作。这种模式通常用于使现有的类与其他类一起工作,而无需修改它们的源代码。在 JavaScript 中,适配器模式可以用来确保不同的类或对象之间能够通过一个统一的接口进行交互。

      2025-04-18 07:10:38
      接口 , 模式 , 组件 , 适配 , 适配器
      2025-04-18 07:10:38

      设计模式-组合模式

      组合模式(Composite Pattern)在设计中的应用是为了简化对复杂树形结构的管理和操作。这个模式能够让客户端通过一个统一的接口操作单个对象和组合对象。我们可以通过一个具体的例子来进一步理解组合模式在实际应用中的作用和实现。

      2025-04-18 07:10:38
      客户端 , 接口 , 操作 , 模式 , 组件 , 组合
      2025-04-18 07:10:30

      React之withRouter的作用和应用

      React之withRouter的作用和应用

      2025-04-18 07:10:30
      history , math , props , 组件 , 路由 , 跳转
      2025-04-16 09:26:39

      prometheus为k8s做的4大适配工作

      prometheus为k8s做的4大适配工作

      2025-04-16 09:26:39
      k8s , pod , 指标 , 组件 , 适配
      2025-04-11 07:11:40

      【JAVA】-- GUI用户界面设计(面板组件、文本组件、标签组件、按钮组件、下拉框组件)

      Swing中的组件:面板组件、文本组件、标签组件、按钮组件、下拉框组件。

      2025-04-11 07:11:40
      Swing , 添加 , 管理器 , 组件 , 面板
      查看更多
      推荐标签

      作者介绍

      天翼云小翼
      天翼云用户

      文章

      33561

      阅读量

      5246989

      查看更多

      最新文章

      Element学习(布局组件、案例操作)(4)

      2025-05-09 08:50:35

      结构型模式---装饰模式

      2025-04-23 08:18:27

      Vue3中如何实现动态菜单递归

      2025-04-22 09:28:19

      React之withRouter的作用和应用

      2025-04-18 07:10:30

      prometheus为k8s做的4大适配工作

      2025-04-16 09:26:39

      【JAVA】-- GUI用户界面设计(面板组件、文本组件、标签组件、按钮组件、下拉框组件)

      2025-04-11 07:11:40

      查看更多

      热门文章

      【DockerImage】修复Docker镜像的组件安全漏洞(原创)

      2024-07-01 01:32:37

      React-组件-setState

      2023-06-16 06:09:26

      Vue封装组件库-input组件

      2023-06-08 06:21:43

      Vue番外之.sync修饰符

      2024-09-24 06:30:37

      Window组件

      2023-05-25 14:43:15

      React-生命周期-其它方法

      2023-06-16 06:08:43

      查看更多

      热门标签

      linux java python javascript 数组 前端 docker Linux vue 函数 shell git 节点 容器 示例
      查看更多

      相关产品

      弹性云主机

      随时自助获取、弹性伸缩的云服务器资源

      天翼云电脑(公众版)

      便捷、安全、高效的云电脑服务

      对象存储

      高品质、低成本的云上存储服务

      云硬盘

      为云上计算资源提供持久性块存储

      查看更多

      随机文章

      Vue中mixins(混入)的介绍和使用

      Yarn(RM-AM-NM 三大组件的通信,任务提交搭到 Yarn 的过程,文件切片)

      vue项目中使用svg并设置大小颜色等样式

      受控组件和非受控组件的区别

      React-Hooks这一篇就够了

      react~useRef

      • 7*24小时售后
      • 无忧退款
      • 免费备案
      • 专家服务
      售前咨询热线
      400-810-9889转1
      关注天翼云
      • 旗舰店
      • 天翼云APP
      • 天翼云微信公众号
      服务与支持
      • 备案中心
      • 售前咨询
      • 智能客服
      • 自助服务
      • 工单管理
      • 客户公告
      • 涉诈举报
      账户管理
      • 管理中心
      • 订单管理
      • 余额管理
      • 发票管理
      • 充值汇款
      • 续费管理
      快速入口
      • 天翼云旗舰店
      • 文档中心
      • 最新活动
      • 免费试用
      • 信任中心
      • 天翼云学堂
      云网生态
      • 甄选商城
      • 渠道合作
      • 云市场合作
      了解天翼云
      • 关于天翼云
      • 天翼云APP
      • 服务案例
      • 新闻资讯
      • 联系我们
      热门产品
      • 云电脑
      • 弹性云主机
      • 云电脑政企版
      • 天翼云手机
      • 云数据库
      • 对象存储
      • 云硬盘
      • Web应用防火墙
      • 服务器安全卫士
      • CDN加速
      热门推荐
      • 云服务备份
      • 边缘安全加速平台
      • 全站加速
      • 安全加速
      • 云服务器
      • 云主机
      • 智能边缘云
      • 应用编排服务
      • 微服务引擎
      • 共享流量包
      更多推荐
      • web应用防火墙
      • 密钥管理
      • 等保咨询
      • 安全专区
      • 应用运维管理
      • 云日志服务
      • 文档数据库服务
      • 云搜索服务
      • 数据湖探索
      • 数据仓库服务
      友情链接
      • 中国电信集团
      • 189邮箱
      • 天翼企业云盘
      • 天翼云盘
      ©2025 天翼云科技有限公司版权所有 增值电信业务经营许可证A2.B1.B2-20090001
      公司地址:北京市东城区青龙胡同甲1号、3号2幢2层205-32室
      • 用户协议
      • 隐私政策
      • 个人信息保护
      • 法律声明
      备案 京公网安备11010802043424号 京ICP备 2021034386号