一、简介

移动的小方块或者说是类似移动的蚂蚁线，从一篇文章看到的，挺有趣的就自己做了一个，可以自由添加方块的个数，起始位置，方块的宽度，方块移动速度等待参数，下方是实现的代码，如果有需要新增的参数可以自行添加。

效果图

二、代码之路

AntsLineWidget.h

#pragma once#include <QtWidgets/QWidget>
#include <QTimer>class AntsLineWidget : public QWidget
{Q_OBJECTpublic:AntsLineWidget(QWidget *parent = Q_NULLPTR);// 设置方块的宽度;void setBlockWidth(int width);// 根据起始位置生成方块;void generateBlockPath(int startPos);// 设置绿色位置;void setGreenPos(int greenPos);// 设置移动速度;void setMoveSpeed(int moveSeed);private slots:// 更新位置;void updatePos();private:void paintEvent(QPaintEvent *event);void resizeEvent(QResizeEvent *event);private:// 方块移动时钟;QTimer m_moveTimer;// 方块绘制Path;QList<QPainterPath> m_blockPathList;// 方块宽度;int m_blockWidth;// 方块变绿位置;int m_greenPos;// 方块移动速度;int m_moveSpeed;
};

AntsLineWidget.cpp

#include "AntsLineWidget.h"
#include <QPainter>#define SPACE_WIDTH 20AntsLineWidget::AntsLineWidget(QWidget *parent): QWidget(parent), m_blockWidth(80), m_greenPos(200), m_moveSpeed(50)
{connect(&m_moveTimer, SIGNAL(timeout()), this, SLOT(updatePos()));m_moveTimer.start(m_moveSpeed);
}void AntsLineWidget::setBlockWidth(int width)
{m_blockWidth = width;
}void AntsLineWidget::generateBlockPath(int startPos)
{QPainterPath path;path.addRect(QRect(startPos, 2, m_blockWidth, this->height() - 3));m_blockPathList.append(path);
}void AntsLineWidget::setGreenPos(int greenPos)
{m_greenPos = greenPos;
}void AntsLineWidget::setMoveSpeed(int moveSpeed)
{m_moveSpeed = moveSpeed;m_moveTimer.setInterval(m_moveSpeed);
}void AntsLineWidget::updatePos()
{for (int i = 0; i < m_blockPathList.count(); i++){QPainterPath& path = m_blockPathList[i];// 移动步长;path.translate(QPoint(-2, 0));if (path.boundingRect().right() < SPACE_WIDTH){QPainterPath pathNew;pathNew.addRect(QRect(this->width() - SPACE_WIDTH - m_blockWidth, 2, m_blockWidth, this->height() - 3));path = pathNew;}}update();
}void AntsLineWidget::paintEvent(QPaintEvent *event)
{QPainter painter(this);painter.setPen(QPen(QColor(57, 141, 255), 3));painter.drawLine(QPoint(0, 0), QPoint(this->width(), 0));for (int i = 0; i < m_blockPathList.count(); i++){QPainterPath path = m_blockPathList[i];if (path.boundingRect().left() < SPACE_WIDTH){int headPathWidth = m_blockWidth - SPACE_WIDTH + path.boundingRect().left();int tailPathWidth = m_blockWidth - headPathWidth;QPainterPath newPath;newPath.addRect(QRect(SPACE_WIDTH, 2, headPathWidth, this->height() - 3));newPath.addRect(QRect(this->width() - SPACE_WIDTH - tailPathWidth, 2, tailPathWidth, this->height() - 3));if (newPath.contains(QPoint(m_greenPos, this->height() / 2))){painter.fillPath(newPath, Qt::green);}else{painter.fillPath(newPath, Qt::gray);}}else{if (path.contains(QPoint(m_greenPos, this->height() / 2))){painter.fillPath(path, Qt::green);}else{painter.fillPath(path, Qt::gray);}}}painter.setPen(QPen(Qt::red, 2));painter.drawLine(QPoint(m_greenPos, this->height() - 1), QPoint(m_greenPos, this->height() - 20));painter.setPen(QPen(QColor(57, 141, 255), 1));painter.drawLine(QPoint(SPACE_WIDTH, this->height() - 1), QPoint(this->width() - SPACE_WIDTH, this->height() - 1));
}void AntsLineWidget::resizeEvent(QResizeEvent *event)
{for (int i = 0; i < m_blockPathList.count(); i++){QPainterPath& path = m_blockPathList[i];QPainterPath pathNew;QRectF rect = path.boundingRect();rect.setHeight(this->height() - 3);pathNew.addRect(rect);path = pathNew;}
}

main.cpp

include "AntsLineWidget.h"
#include <QtWidgets/QApplication>
#include <QHBoxLayout>int main(int argc, char *argv[])
{QApplication a(argc, argv);// 测试代码;QWidget * widget = new QWidget;QHBoxLayout* hLayout = new QHBoxLayout(widget);widget->resize(1000, 150);AntsLineWidget w(widget);w.generateBlockPath(20);w.generateBlockPath(160);w.generateBlockPath(300);hLayout->addWidget(&w);widget->show();return a.exec();
}

尾

以前就是全部的实现代码和测试代码，整个工程代码大家也可以加群311750285进行下载，更多好玩，有趣的在等着你 ^ _ ^ 。

Qt之实现移动的方块（蚂蚁线）相关推荐

Qt实战（二）——方块游戏
方块游戏架构在这个游戏中,有一个区域用来摆放方块,该区域宽为10,高为20,以小正方形为单位,它可以看作是拥有20行10列的一个网格.标准的游戏中一共有7种方块,它们都是由4个小正方形组成的规则 ...
QT 小游戏 : 别踩白块儿~
一.实现思路 QPainter 绘制游戏界面 PS:根据方块坐标链表绘制所有方块支持两种操作方式 PS:鼠标事件和键盘事件(Q,W,E,R,T) 定时器(10ms) 刷新方块坐标数据根据得 ...
qt在表格中如何画线_Qt之表格控件蚂蚁线
阅读目录回到顶部一.蚂蚁线摘自互动百科:在图像影像软件中表示选区的动态虚线,因为虚线闪烁的样子像是一群蚂蚁在跑,所以俗称蚂蚁线.在Poshop,After Effect等软件中比较常见. 背景: ...
搭建Qt 5.3.1 for Windows Phone 8开发环境
目前Qt已经支持了Android以及iOS的开发,我也亲自尝试过在Android和iOS上的开发,其中在Android这一块研究的较深,也制作出了第一款独立游戏<吃药了>.在Qt的新版本5 ...
QT 定时器与动画实现
前言 Qt提供图形视图框架(Graphics View Framework).动画框架(The Animation Framework)和状态机框架(The State Machine Framewo ...
【Qt】2D绘图之图形视图框架(一)
00. 目录文章目录 00. 目录 01. 概述 02. 开发环境 03. 场景(Scene) 04. 视图(View) 05. 图形项 06. 附录 01. 概述在前面讲的基本绘图中,我们可以自 ...
[Qt教程] 第19篇 2D绘图（九）图形视图框架（上）
[Qt教程] 第19篇 2D绘图(九)图形视图框架(上) 楼主发表于 2013-5-4 15:26:20 | 查看: 1798| 回复: 26 图形视图框架(上) 版权声明导语在前面讲的基本绘 ...
qt登录界面跳转_每天10分钟，木辛老师带你实战慕课软件开发：登录界面开发第2课...
软件实战开始,快速提供编程能力:通过实战,分析产品需求,梳理设计需求,提升项目分析和架构的能力.快点跟着木辛老师一起学习吧! 请点击右上角"关注"按钮关注我们哟:跟着木辛老师学习P ...
C++与Qt开发人机象棋(第二部分)
C++与Qt开发人机象棋(第二部分) 项目目录文件名->(包含)类名1->(包含)类名2 ChessBy ChessBy.pro Headers Board.h – – – Source ...

Qt之实现移动的方块（蚂蚁线）

一、简介

效果图

二、代码之路

AntsLineWidget.h

AntsLineWidget.cpp

main.cpp

尾

Qt之实现移动的方块（蚂蚁线）相关推荐

最新文章

热门文章