QT项目-- Whac-A-Mole(1)
打地鼠
概况
这个项目里面主要用到的一个控件就是Graphics View。
它相当于一个容器，管理着它其中的Items并且能与之进行交互。
有关它的框架：
QGraphicsView容器->QGraphicsScence场景->QGraphicsItem图元
其中QGraphicsItem图元类，只是一个虚基类，有8中不同的派生类
这个项目中主要用到其中的QGraphicsPixmapItem 像素图元
成品
一
项目需要有图片，音乐等一些资源文件，需要利用QT自带的
Qt Resource File，先新建一个空白工程。
右击项目名称，添加新文件，选Qt，选中QtResource File
然后可以看到目录多了一个Resources文件
右击Resources目录下刚刚新建的resources文件
选中Open in Editor
这时候可以开始添加我们的项目文件
此时点击添加，添加文件是不可选的，可以点击添加前缀
可以编辑自己喜欢的前缀名，必须以 / 开头
它就相当于文件的目录，这个Resources相当于一个文件管理系统
此时可以点击添加，添加文件了，点击需要添加的文件
我这里只添加一些需要的图片
然后来到Forms下ui界面添加一个Graphics View
顺便添加需要的游戏按钮pushButton，开始和停止,命名好
然后添加一个显示成绩的LCD Number，按自己喜好布局好
二
此时我们需要构造场景给GraphicsView显示，那么场景由一个个最基本的图元Item组成
所以先添加一个类，够造Item
依旧右击项目添加新文件
选中新建C++类
这里给它指定一个Base Class，方便后面使用
QGraphicsPixmapItem
完成添加后，点开新建类的头文件
先包含QGraphicsPixmapItem头文件
一个item类就构造完成，下面实现功能
把项目需要的图片跟图元Item绑定起来，使用
void QGraphicsPixmapItem::setPixmap(const QPixmap &pixmap)函数
它需要一个QPixmap类型的传参，QPixmap有很多种重载
我们需要显示图片，就为它传进我们刚刚添加的资源文件的路径
此时一个最小图元就基本构造完成
下一步利用图元做一个场景，依旧新建一个类
但是要勾选一个QObject
新建完毕后打开新建类的头文件，我这里新建的是scene
打开scene.h把QObject改为QGraphicsScene
并且包含头文件，方便后面使用
此时我们先包含Item头文件并切构造一个Item类的对象
然后来到scene.cpp把图元加到场景里面去
这里使用
void QGraphicsScene::addItem(QGraphicsItem *item)
把图元加到场景
注意scene.cpp最底下的类也要改一下为QGraphicsScene
场景到这里就基本构造好了，下面实现显示
三
来到mainwidow.h
同样是包含scene类头文件并切构造一个scene对象
来到mainwindow.cpp里把场景跟grapicsview绑定
这里使用
void QGraphicsView::setScene(QGraphicsScene *scene)
可以看见这里需要一个QGraphicsScene 的传参
就把我们新构造的场景传进去就完成了
效果图
图元->场景->graphicsView
一个基本的框架有了,剩下打地鼠的完整功能明天继续。QT项目-- Whac-A-Mole(1)