Qt界面篇：QPainter的使用入门——绘制象棋界面

已于 2023-08-21 08:55:58 修改
阅读量1k 收藏 2
点赞数
分类专栏： QT实战 文章标签： qt QPainter 象棋界面
于 2022-06-28 10:51:34 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/m0_37251750/article/details/125498029
版权
本文介绍了如何使用Qt的QPainter类来创建一个象棋游戏界面。作者首先展示了优化后的界面效果，然后分享了实现思路，包括采用背景图片作为棋盘，而棋子通过QPainter绘制。UI设计简洁，主要使用QWidget和基本控件。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1、效果图

图一是优化后的界面；图二是纯QPainter绘制；后续会把这个游戏做完放出来，大家多收藏点赞是做下去的动力，谢谢。

在这里插入图片描述

在这里插入图片描述

2、实现思路

  原本计划所有的界面都用Qpainter类绘制出来，但后续发现绘制出来的界面没有图片背景好看，因此采用了背景图片棋盘方式，棋子使用绘制类进行绘制。
棋盘图片

2.1 UI设计
在这里插入图片描述
界面设计较为简单，只用了QWidget和几个标签按钮。

<

了解本专栏 订阅专栏 解锁全文 超级会员免费看
Qt实战：专栏内容介绍及目录
欧特GO
07-22 1877
如何快速上手Qt？本专栏以实际工作中常用Qt知识为核心，包括基础篇、界面篇、数据库篇和网络篇，包括一些完整的示例项目。对于常用的多线程及内存共享也有说明。此外也添加了目前比较流行的Qt与前端JS结合的混合编程内容。
Qt 使用QPainter类在子控件上画图
05-10
因为事件过滤器的影响 无法直接使用QPainter类在子控件上实现画图操作，需使用eventFilter函数进行修改
象棋的界面
08-24
象棋相关界面，包括棋盘的界面，和棋子的几种样式，移动棋子时，界面的显示
QPainter的使用
Thinking777的博客
01-25 2717
Qt的绘图系统允许使用相同的API在屏幕和其他打印设备上进行绘制，整个绘图系统基于QPainter、QPaintDevice和QPaintEngine三个类。 **QPainter用来执行绘制操作，QPaintDevice是一个抽象的二维空间，这个抽象的二维空间允许QPainter在上面进行绘制，也就是QPainter的工作空间。QPaintEngine为QPainter提供了在不同设备上进行绘制的接口**。 QPaintEngine类应用于QPainter和QPaintDevice之间，通常对开发
Qt QPainter使用方法
最新发布
LoveXming的博客
03-22 1037
Qt 重绘技术 QPainter paintEvent 事件 QEvent QPaintEvent 键盘事件
QPainter 使用注意事项
东风
04-04 4525
QPainter 使用注意事项 最近创建了一个继承 QWidget 的窗口部件，使用 QPainter 绘制需要的内容，一部分在 paintEvent 中使用 QPainter，另一部分在自定义函数中使用 QPainter，发现运行时警告： QWidget::paintEngine: Should no longer be called kernel…… QPainter::
QT代码，象棋棋盘绘制，框架搭建，演示
06-11
本示例主要关注如何使用QT来实现一个象棋游戏的棋盘绘制和基本框架搭建。 首先，QT基础介绍：QT是一个开源的C++库，支持Windows、Linux、macOS、Android和iOS等多种操作系统。它提供了丰富的API，使得开发者可以...
Qt版本中国象棋：实现《双人对战》、《人机对战》、《网络对战》三种模式。
07-04
纯Qt版本中国象棋，利用QPainter和QSS实现象棋界面绘制，包含《双人对战》、《人机对战》、《网络对战》三种对战模式。其中网络对战使用QTcpServer和QTcpSocket来实现网络连接和数据传输；人机对战模式则采用的穷举...
qt5象棋——最简版
05-06
【Qt5象棋——最简版】是一款基于Qt5框架实现的中国象棋游戏，它提供了象棋的基本走棋规则，让玩家可以在计算机上体验中国象棋的乐趣。Qt5是Qt库的一个版本，是一个跨平台的C++图形用户界面应用程序开发框架，广泛...
利用QPainter绘制各种图形
08-24
QPainter可以绘制几何形状（点、线、矩形、椭圆、弧形、弦形、饼状图、多边形和贝塞尔曲线）
绘制国际象棋棋盘
06-09
在屏幕上绘制输出国际象棋棋盘，分别利用命令提示行和MFC制作输出
QT——QPainter的使用
qq_41077484的博客
08-09 5468
Qpainter创建的对象只能在绘画事件paintEvent(QPaintEvent *event)里使用 使用方法如下 QPainter painter(this);     painter.setPen(Qt::red);     painter.drawLine(263, 470, 1200, 470);     painter.drawLine(730, 80, 730, 860);  ...
QPainter的用法
autumn20080101的专栏
04-03 1896
QPainter的用法 Yanboo 发表于 2005-03-10 19:14:57 QPainter能在wdiget或pixmap等"paint device"上绘图. Qpainter在写自定义widget或有独特风格的自定义item时很有用.  QPainter能绘制几何图形: 点, 线, 矩形, 椭圆, 弧, 弦, 饼图, 多边形 及 贝塞尔曲线. 它也能绘制pixm
使用QPainter绘图
落雪飘茗的博客
11-20 2331
Qt的二维图形引擎是基于QPainter类的，QPainter既可以绘制几何图形（点、线、矩形、弧形、饼状图、多边形、贝塞尔弧线等），也可以绘制像素映射、图像和文字。此外，QPainter也支持一些高级特性，例如反走样（针对文字和图形边缘）、像素混合、渐变填充和矢量路径等，QPainter也支持线性变换，例如平移、旋转、错切和缩放。 QPainter可以画在“绘图设备”上，例如：...
QT之QPainter用法
热门推荐
sono_io的博客
04-08 1万+
QPainter可以绘制从简单的直线到像饼图和弦这样的复杂形状。它也可以绘制排列的文本和像素映射。通常，它在一个“自然的”坐标系统中绘制。 QPainter 一般在部件的绘图事件 paintEvent() 中进行绘制，首先创建 QPainter 对象，然后进行图形的绘制，最后记得销毁 QPainter 对象。当窗口程序需要升级或者重新绘制时，调用此成员函数。使用 repaint()和 update() 后，调用函数 paintEvent()。 绘图工具的用法，简单的几个步骤: 1.构造一个绘图工具
QPainter的使用详解
lulongfei172006的专栏
03-22 1605
这是篇翻译的文章，翻译的过程中自己也亲自敲下代码，更深入地了解QPainter的功能。 我们不论是用Qt画图或者是显示文字都得用到QPainter。 QPainter 首先用QPainter来画一条直线 import sys from PyQt5 import QtCore, QtGui, QtWidgets, uic from PyQt5.QtCore import Qt class Ma...
使用qt绘制象棋中的楚河汉界并利用qpainter类中的qrect
05-29
好的，下面是使用Qt绘制象棋中的楚河汉界并利用QPainter类中的QRect的示例代码： ```cpp void ChessBoard::paintEvent(QPaintEvent *event) { Q_UNUSED(event); QPainter painter(this); int side = qMin(width(), height()); int boardWidth = side - 20; int squareWidth = boardWidth / 9; int startX = (width() - side) / 2 + 10; int startY = (height() - side) / 2 + 10; // 绘制楚河汉界 painter.fillRect(QRect(startX, startY, 2 * squareWidth, 4 * squareWidth), QBrush(Qt::red)); painter.fillRect(QRect(startX + 6 * squareWidth, startY + 5 * squareWidth, 2 * squareWidth, 4 * squareWidth), QBrush(Qt::red)); // 绘制棋盘 painter.setPen(QPen(Qt::black)); for (int i = 0; i < 10; i++) { painter.drawLine(startX, startY + i * squareWidth, startX + 8 * squareWidth, startY + i * squareWidth); } for (int i = 0; i < 9; i++) { if (i == 0 || i == 8) { painter.drawLine(startX + i * squareWidth, startY, startX + i * squareWidth, startY + 9 * squareWidth); } else { painter.drawLine(startX + i * squareWidth, startY, startX + i * squareWidth, startY + 4 * squareWidth); painter.drawLine(startX + i * squareWidth, startY + 5 * squareWidth, startX + i * squareWidth, startY + 9 * squareWidth); } } } ``` 其中，`ChessBoard` 是继承自 QWidget 的自定义控件，`paintEvent` 函数是 QWidget 的一个虚函数，用于绘制控件的内容。在 `paintEvent` 函数中，我们首先计算出棋盘的大小（`side`）、棋盘的宽度（`boardWidth`）、每个棋格的宽度（`squareWidth`）、棋盘的起始位置（`startX` 和 `startY`），然后利用 `QPainter` 类的 `fillRect` 函数绘制楚河汉界。 绘制楚河汉界时，我们利用 `QRect` 类来描述每个矩形的位置和大小，例如第一段楚河汉界所对应的矩形就是 `(startX, startY, 2 * squareWidth, 4 * squareWidth)`，这个矩形的左上角坐标是 `(startX, startY)`，宽度是 `2 * squareWidth`，高度是 `4 * squareWidth`。绘制棋盘时，我们利用 `QPainter` 类的 `drawLine` 函数绘制每条线段。 注意，为了绘制出等分的棋盘，我们需要先将棋盘的宽度减去左右两边的边距（这里取 10 像素），然后再计算出每个棋格的宽度。在绘制棋盘时，我们需要分别绘制横线和竖线，并且需要特殊处理第一列和第九列。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

欧特克_Glodon

很高兴能帮助到您！

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

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

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值