Qt实现塔防游戏1

学习完qt的基本使用方式，程序小白迫不及待地去实现脑中的想法力

由于酷爱apex，于是打算创造一个apex主题的塔防游戏

第一天的工作：

1-寻找图片素材（最困难的一项TAT）

2-创建开始界面

3-创建选关界面

开始界面和选关界面的创建

先将找好的图片添加至资源方便使用，推荐两个免费网站

www.bigjpg.com    用来清晰化放大的图片

www.quzuotu.com     ai免费抠图网站

 在widget.h文件中添加绘图事件（需要头文件

void paintEvent(QPaintEvent *event) ;

在widget.cpp中实现

包含的头文件

#include<qicon.h>
#include<qpixmap.h>
#include<qpainter.h>
#include<qpushbutton.h>
#include<choose.h>

实现背景图的代码

void Widget::paintEvent(QPaintEvent *)
{   QPainter painter0(this);
    QPixmap pix0;
    pix0.load("://image/apex-legends.jpg");
//    编辑开始界面
    painter0.drawPixmap(0,0,this->width(),this->height(),pix0);
}

按钮的功能在ui中实现，运用弹簧和样式表

 实现了划过按下不同颜色

 

 接着通过点击按钮进入选关界面

先创建choose类，在widget.h包含

choose *chooseScene=NULL;

widget.cpp中

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    this->setWindowTitle("APEX");
    this->setFixedSize(1920,1080);
    this->setWindowIcon(QIcon("://cal.ico.png")); 
//    实例化选关场景
    chooseScene=new choose;
//    进入选关场景
    connect(ui->pushButton,&QPushButton::clicked,[=](){
        this->hide();
        chooseScene->show();
    });
}

开始界面创建完成，效果如下

创建选关界面

 背景设置基本与开始界面相同

#include "choose.h"
#include "ui_choose.h"
#include<qicon.h>
#include<qpainter.h>
#include<qpixmap.h>
#include<qpushbutton.h>
#include<qevent.h>
choose::choose(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::choose)
{
    ui->setupUi(this);
    this->setWindowTitle("APEX");
//    固定窗口大小
    this->setFixedSize(1920,1080);
//    设置开始按钮
    this->setWindowIcon(QIcon("://cal.ico.png"));

}
void choose::paintEvent(QPaintEvent *)
{   QPainter painter1(this);
    QPixmap pix1;
    pix1.load(":/image/choose.jpg");
//    编辑选关界面
    painter1.drawPixmap(0,0,this->width(),this->height(),pix1);
    pix1.load(":/install.png");
}

接着页面布局在ui中实现

六个关卡按钮的样式表

设置按钮的样式表

 

 效果如下

第一天工作总结

工程量比较少，时间主要花在素材寻找和界面美观性设计上

主要创建了开始和选关界面

over >-<