算是对最近一直在看的py和Qt5 for python的一次小实战(当然离不开Siri老师的帮助1551我真是蒟蒻本弱
先写了一个initial interface嘛,打算写完扔github上。
遇到的问题:
1.一开始使用的是QVBoxLayout垂直布局,把QLabel放进垂直布局里,但是出现了类似于margin无法等于0的问题,始终存在外边距(当然尝试了使用QSS设置为0但无卵用),layout也有setmargin的方法但调用了提示参数error(?) 反正后来是改成了现在这样(似乎现在思路清楚但其实是BoxLayout不会用(?)QAQ
2.一个解决游戏界面切换的思路:当前游戏界面hide,目标游戏界面show
3.对于green bar的滚动思路
4.对于鸟飞行状态的图片切换
5.对于buttom两个状态的图片切换:hover,clicked
其实花时间多的主要还是1和3
- main.py
创建一个应用对象,sys.argv提供对脚本控制的功能
# -*- coding:utf-8 -*- """ @author:Kazama @file:main.py @time:2018/9/28 11:03 """ import sys from PyQt5.QtWidgets import QApplication from MainWindow import MainWindow if __name__ == ‘__main__‘: app = QApplication([]) mainWindow = MainWindow() sys.exit(app.exec_())
- MainWindow.py
# -*- coding:utf-8 -*- """ @author:Kazama @file:MainWindow.py @time:2018/9/28 11:13 """ from PyQt5.QtCore import Qt from PyQt5.QtWidgets import QMainWindow, QDesktopWidget, QVBoxLayout, QLabel from GameScene import GameScene from MainScene import MainScene from srcImg import srcImg class MainWindow(QMainWindow): def __init__(self): super().__init__() self.srcImg = srcImg() self.initUI() def initUI(self): self.setWindowTitle("Flappy bird") self.setFixedSize(384, 512) self.center()#窗口居中 # self.menuBar() # # self.statusBar() """ centerLabel为什么需要?因为MainWindow只能同时设置一个CentralWidget,如果要重新setCentralWidget, 则将会自动销毁原有的Widget QVBoxLayout可以不用传参:centerLabel,也就是说mainScene可以少修改一个clabel。但是用了它会出现一个边框, 类似于margin!=0 """ self.centerLabel = QLabel()#建个中心标签 self.mainScene = MainScene(self.centerLabel,self)#把MainScene画在centerLabel,MainScene类实例化 self.mainScene.setFixedSize(384, 512)#使窗口大小固定 self.mainScene.move(0,0) self.gameScene=GameScene(self.centerLabel,self) self.gameScene.setFixedSize(384, 512) self.gameScene.move(0, 0) self.gameScene.hide()#游戏中界面切换的思路 self.setCentralWidget(self.centerLabel) # 设置CentralWidget(把centerLabel放进去 self.show() # 展示8 def center(self): qr = self.frameGeometry() cp = QDesktopWidget().availableGeometry().center() qr.moveCenter(cp) self.move(qr.topLeft()) def switch2GameScene(self): self.mainScene.hide() self.gameScene.show() def switch2MainScene(self): self.mainScene.show() self.gameScene.hide()
- MainScene.py
# -*- coding:utf-8 -*- """ @author:Kazama @file:MainScene.py @time:2018/9/28 11:31 """ from PyQt5.QtCore import QBasicTimer from PyQt5.QtGui import QPainter from PyQt5.QtWidgets import QWidget, QLabel, QVBoxLayout, QPushButton class MainScene(QWidget): # MainScene是MainWindow的一个成员,父组件ParentWindow,其实获取的是MainWindow(因为要调用父级的组件) # clabel对应前面传进来的centerLabel #父级init需要传进参数才能init def __init__(self,clabel,ParentWindow): super().__init__(clabel) self.parentWindow=ParentWindow self.timer=QBasicTimer()#控制60帧 self.painter=QPainter()#加图片 self.countTime=0#计数器 self.groundPosition=0#记录grass bar的pos self.initUI() def initUI(self): self.btn_play=QPushButton(self) self.btn_play.move(35,360) self.btn_play.resize(140,78) self.btn_play.setStyleSheet(‘QPushButton{background:url(data/Picture/other/Again.png);border-radius:10px}‘ ‘QPushButton:hover{background:url(data/Picture/other/AgainHover.png);border-radius:10px}‘ ‘QPushButton:pressed{background:url(data/Picture/other/AgainPressed.png);border-radius:10px}‘) self.btn_play.clicked.connect(self.on_btn_play_clicked) self.btn_rank = QPushButton(self) self.btn_rank.move(210, 360) self.btn_rank.resize(140, 78) self.btn_rank.setStyleSheet(‘QPushButton{background:url(data/Picture/other/Ranking.png);border-radius:10px}‘ ‘QPushButton:hover{background:url(data/Picture/other/RankingHover.png);border-radius:10px}‘ ‘QPushButton:pressed{background:url(data/Picture/other/RankingPressed.png);border-radius:10px}‘) self.show() """ paintEvent三种调用情形:1.调用show()2.窗口有变化(属性改变时)3.(前2被动调用,3主动)self.repaint和update() repaint会立即执行,update是向消息循环中加入绘图事件 """ def paintEvent(self, event): self.painter.begin(self) self.rendBackground() self.rendBird() self.painter.end() super().paintEvent(event) def rendBird(self): if self.countTime<15: self.painter.drawPixmap(175, 220, self.parentWindow.srcImg.wingCentered0) elif self.countTime<30: self.painter.drawPixmap(175, 216, self.parentWindow.srcImg.wingUp0) elif self.countTime<45: self.painter.drawPixmap(175, 220, self.parentWindow.srcImg.wingCentered0) else: self.painter.drawPixmap(175, 224, self.parentWindow.srcImg.wingDown0) def rendBackground(self): self.painter.drawPixmap(0,0,self.parentWindow.srcImg.background_dayCopyy)#白天图 self.painter.drawPixmap( self.groundPosition, 448,self.parentWindow.srcImg.ground); self.painter.drawPixmap(self.groundPosition - 384, 448,self.parentWindow.srcImg.ground); def timerEvent(self, event): if event.timerId()==self.timer.timerId(): self.countTime=self.countTime%60+1#60帧 self.update_groundPosition() self.update()#手动刷新,update()是QT默认调用所有的event,然后一直循环 else: super().timerEvent() def update_groundPosition(self): self.groundPosition -= 2 if self.groundPosition <= 0: self.groundPosition = 384 def show(self): self.timer.start(1000/60,self)#1帧=1000/60ms就是60帧 super().show() def hide(self): self.timer.stop() super().hide() def on_btn_play_clicked(self): self.parentWindow.switch2GameScene()