效果
闲来无事，实现一个对对碰游戏，卡牌样式是火影动漫。
先上效果：
卡牌对对碰_火影主题
玩法
- 启动游戏，进入第一关卡，所有卡牌都为
未翻开状态，即背面朝上； - 点击卡牌，则将卡牌翻开；
- 如果当前翻开的卡牌和上一次翻开的卡牌不一致，则1s后，将两张卡牌再次背面朝上；
- 如果当前翻开的卡牌和上一次翻开的卡牌一致，则两张卡牌都会正面朝上；
- 全部翻开，本官通关，则进去下一关卡。
UI
上一张初始UI图：
再上一张通关图：
示例
- 可以加个启动界面；
- 根据
分类原则，后期可以加一些菜单及快捷工具操作，比如选关卡，关卡通关耗时等操作，因此主窗口选择QMainWidow,如果想样式美观，可自定义重写QMainWidow； - 因为是不同关卡，所以选择栈控件作为中央窗体，可进行界面切换；也可以只有一个页面，根据关卡，动态刷新；
- 将关卡作为一个类；将关卡中的各个项作为一个类；
- 因为得创建，因此后来可以使用工厂模式进行关卡及项创建；
- 通过定时器与鼠标事件进行界面卡牌打开及关闭；
- 通关后，提示。
由于界面展现效果不好，以下是部分实现代码，代码链接在下方1，可下载：
item.h
#ifndef ITEM_H
#define ITEM_H
#include <QLabel>
class Step;
namespace Ui {
class Item;
}
// 在关卡中创建的项
class Item : public QLabel
{
Q_OBJECT
public:
explicit Item(const QString& strItem, Step* pStep, QWidget *parent = nullptr);
~Item();
// 是否翻开
void setOpen(bool b){m_bIsOpen = b;}
bool open(){return m_bIsOpen;}
protected:
// 触发鼠标事件
virtual void mouseReleaseEvent(QMouseEvent *ev) override;
virtual void mousePressEvent(QMouseEvent *ev) override;
private:
Ui::Item *ui;
Step* m_pStep;
bool m_bIsOpen = false;
};
#endif // ITEM_Hstep.h
#ifndef STEP_H
#define STEP_H
#include <QWidget>
// 类前置
QT_FORWARD_DECLARE_CLASS(Item)
namespace Ui {
class Step;
}
class Step : public QWidget
{
Q_OBJECT
public:
explicit Step(const QString& strStepPath, QWidget *parent = nullptr);
~Step();
// 设置上一个点击的item
void setPreviousItem(Item* pItem){m_pItemPrevious = pItem;}
Item* item(){return m_pItemPrevious;}
bool check();
private:
// 初始化关卡
QList<QStringList> initStep(const QString& strStepPath);
// 初始化项
void initItem(const QList<QStringList>& listSL);
// 创建关卡内的项
Item *createItem(const QString& strItem);
private:
Ui::Step *ui;
Item* m_pItemPrevious = nullptr; // 上一个Item
};
#endif // STEP_HmainWindow.h
#ifndef MAINWINDOW_H
#define MAINWINDOW_H
#include <QMainWindow>
class QStackedWidget;
namespace Ui {
class MainWindow;
}
class MainWindow : public QMainWindow
{
Q_OBJECT
public:
explicit MainWindow(QWidget *parent = nullptr);
~MainWindow();
private:
// 初始化关卡配置文件
void init();
private:
Ui::MainWindow *ui;
QStackedWidget* m_pSW;
};
#endif // MAINWINDOW_H代码链接