当前位置: 首页 > news >正文

<二>Qt斗地主游戏开发:过场动画的实现

1. 过场动画效果

在这里插入图片描述

2. 思路分析

  过场动画较为简单,只有一个进度条在进行滚动,因此实现起来不需要动画相关处理,仅需要图片和定时器设定,让进度条动起来即可。我们可以创建一个对话框,设定背景图片以及对话框透明无边框,然后想办法让进度条动起来。所需素材图片如下:
在这里插入图片描述
  我们只需要按照定时器设定,定时截取第二张图片中的一部分,用来覆盖刷新第一张图片中进度条框的进度即可。

3. 代码分析

3.1 创建对话框

  基于QWidget类新建QCutScene过场动画类。

//加载过场动画
class QCutScene : public QWidget
{Q_OBJECTpublic:explicit QCutScene(QWidget* parent = nullptr);~QCutScene();signals:protected:void paintEvent(QPaintEvent* event);private:QPixmap m_background;QPixmap m_progress;int m_nStep = 15;
};
3.2 设定对话框属性

  去除窗体边框–设置窗体背景透明–设置背景图片。

// 设置背景图片
m_background.load(":/images/cutscene.png");// 设定窗体大小与图片相等
setFixedSize(m_background.size());// 去除窗体边框
setWindowFlags(Qt::FramelessWindowHint | windowFlags());// 设置窗体背景透明
setAttribute(Qt::WA_TranslucentBackground);
3.3 进度条滚动

  首先我们新建一个定时器,用来定时更新重绘背景图片,其中update()更新函数会自动调用paintEvent()函数。此外我们需要保证progress.png图片的高度宽度与背景图片中进度条框的高度宽度相等,这样使用QPixmap 的copy()函数可以定时拷贝进度条图片的一部分进行图片叠加覆盖,实现动态滚动的效果。

    QPixmap pixmap(":/images/progress.png");QTimer* pTimer = new QTimer(this);connect(pTimer, &QTimer::timeout, this, [=]() {m_progress = pixmap.copy(0, 0, m_nStep, pixmap.height());update();if (m_nStep >= pixmap.width()){pTimer->stop();pTimer->deleteLater();MainGamePanel* pGamePanel = new MainGamePanel;pGamePanel->show();close();}m_nStep += 5;});pTimer->start(15);
void QCutScene::paintEvent(QPaintEvent* event)
{Q_UNUSED(event)QPainter painter(this);painter.drawPixmap(rect(), m_background);// (62,417)是背景图片中进度条的左上角坐标painter.drawPixmap(62, 417, m_progress.width(), m_progress.height(), m_progress);
}
http://www.lryc.cn/news/183336.html

相关文章:

  • 链式法则(Chain Rule)
  • AUTOSAR COM模块框架梳理
  • 详细介绍区块链之挖矿
  • 华为OD机试真题-路灯照明问题(Java/C++/Go/Python)
  • 嵌入式技术面试基本规则
  • osg实现自定义插件读取自定义格式的模型文件到场景
  • redis进阶
  • (一)正点原子STM32MP135移植——准备
  • Kotlin的关键字 lateinit 和 lazy
  • 阿里云服务器ECS详细介绍_云主机_服务器托管_弹性计算
  • 12、建立健全人员培训体系
  • 代码随想录算法训练营第五十九天 | 647. 回文子串 516.最长回文子序列
  • React Redux
  • StreamingLLM - 处理无限长度的输入
  • [Linux 命令] nm 详解
  • 好文学作品的鉴赏标准
  • 智慧公厕:将科技融入日常生活的创新之举
  • ROS(0)命令及学习资源汇总
  • NodeMCU ESP8266开发流程详解(图文并茂)
  • 【最终版】tkinter+matplotlib实现一个强大的绘图系统
  • Postman使用实例
  • 【ES的优势和原理及分布式开发的好处与坏处】
  • Autosar诊断实战系列23-CanTp半/全双工及相关工程问题思考
  • 【Pandas】数据分组groupby
  • 【图像处理GIU】图像分割(Matlab代码实现)
  • Java中的锁与锁优化技术
  • 布局与打包
  • UVa11324 - The Largest Clique
  • 【Linux】TCP的服务端(守护进程) + 客户端
  • 1.7. 找出数组的第 K 大和原理及C++实现