一、桌面宠物素材1.1需要准备什么素材
桌面宠物的各种动画效果,可以看作是由一个个GIF动图拼接而成,我们需要准备多组GIF动图来实现桌面宠物的动作切换。
最好选取是白底的GIF动图。
1.2介绍几种获得GIF动图的方式
1.2.1通过pr实现视频转GIF
pr在导出的时候选择动画GIF可以直接导出GIF动图。
当然了想要白底就需要自已用“蒙版”和画笔工具自己抠图了。
1.2.2通过ps实现图片组转GIF
然后选择最上方的文件,选择导出,选择导出为web所用格式旧版,即可
1.2.3百度一下,获取网上现成的GIF资源
①百度:“制作GIF动图”
②百度“GIF动图资源”
你想要的角色人物素材都在这里!最实用的2d游戏素材!-知乎:
项目的目录结构整体如下:main.py为主程序代码。
normal下的GIF图是宠物平常会随机切换的动作GIF图,click下面的GIF图是点击宠物之后的宠物动作的GIF图
dialog.txt记录了宠物的对话信息
tigerIcon.jpg是缩小到托盘后托盘图标的图片
2.2.1引用包
os包用于加载文件,sys包用于退出程序,random包用于程序中一些需要调用随机数的操作。其他的三个包则是用于实现桌面宠物的基础。
importosimportsysimportrandomfromPyQt5.QtGuiimport*fromPyQt5.QtCoreimport*fromPyQt5.QtWidgetsimport*
2.2.2主代码部分
2.2.3代码运行流程
整个运行流程为:
(1)通过self.init():实现窗体的初始化,宠物的GIF图在这个窗体中播放。
(2)通过self.initPall():配置托盘化
(3)通过self.initPetImage():将宠物的静态GIF资源,包括对话和GIF动图进行加载
(4)通过self.petNormalAction():实现宠物随机切换动作和语句的功能
classDesktopPet(QWidget):def__init__(self,parent=None,**kwargs):super(DesktopPet,self).__init__(parent)#窗体初始化self.init()#托盘化初始self.initPall()#宠物静态gif图加载self.initPetImage()#宠物正常待机,实现随机切换动作self.petNormalAction()
①加载显示GIF动图的窗体,通过函数init实现,其代码配置如下:
这几句的作用是对展示宠物的窗体进行一些初步的设置,使得白色GIF图能够去掉背景的白色,将GIF图透明的展示出来
②实现能托盘显示的功能,通过函数initPall实现,其代码配置如下:
主要有下面这几个操作:
(1)读取静态图片资源设置托盘化的图标
(2)设置托盘化图片点击右键显示的菜单,并对这些菜单的点击操作进行设置
流程代码如下:
#托盘化设置初始化definitPall(self):#导入准备在托盘化显示上使用的图标icons=os.path.join('tigerIcon.jpg')#设置右键显示最小化的菜单项#菜单项退出,点击后调用quit函数quit_action=QAction('退出',self,triggered=self.quit)#设置这个点击选项的图片quit_action.setIcon(QIcon(icons))#菜单项显示,点击后调用showing函数showing=QAction(u'显示',self,triggered=self.showwin)#新建一个菜单项控件self.tray_icon_menu=QMenu(self)#在菜单栏添加一个无子菜单的菜单项‘退出’self.tray_icon_menu.addAction(quit_action)#在菜单栏添加一个无子菜单的菜单项‘显示’self.tray_icon_menu.addAction(showing)#QSystemTrayIcon类为应用程序在系统托盘中提供一个图标self.tray_icon=QSystemTrayIcon(self)#设置托盘化图标self.tray_icon.setIcon(QIcon(icons))#设置托盘化菜单项self.tray_icon.setContextMenu(self.tray_icon_menu)#展示self.tray_icon.show()
其中‘退出’项涉及到的函数代码如下:
#退出操作,关闭程序defquit(self):self.close()sys.exit()
其中‘显示’项涉及到的函数代码如下:
#显示宠物defshowwin(self):#setWindowOpacity()设置窗体的透明度,通过调整窗体透明度实现宠物的展示和隐藏self.setWindowOpacity(1)
③宠物静态资源的加载,通过函数initPetImage实现,其代码配置如下:
静态资源的加载主要涉及两个部分,对话框内容的加载和图片内容的加载。
其中我们希望宠物出现的位置是随机的而不是固定的,那么便通过randomPosition()实现宠物出现位置的随机。
#宠物随机位置defrandomPosition(self):#screenGeometry()函数提供有关可用屏幕几何的信息screen_geo=QDesktopWidget().screenGeometry()#获取窗口坐标系pet_geo=self.geometry()width=(screen_geo.width()-pet_geo.width())*random.random()height=(screen_geo.height()-pet_geo.height())*random.random()self.move(width,height)
④宠物正常待机,实现随机切换动作,对话框通过函数petNormalAction实现,其代码配置如下
其中,通过randomAct实现宠物动作的随机切换,通过talk实现对话框内容的切换,其代码如下:
self.pet1和self.dialog在初始化的时候即定义了。这里可以按照自己的喜好进行拓展,用多个if-elseif实现多种状态的切换和定义,增加一些喂食,玩耍动作等。
#随机动作切换defrandomAct(self):#condition记录宠物状态,宠物状态为0时,代表正常待机ifnotself.condition:#随机选择装载在pet1里面的gif图进行展示,实现随机切换self.movie=QMovie(random.choice(self.pet1))#宠物大小self.movie.setScaledSize(QSize(200,200))#将动画添加到label中self.image.setMovie(self.movie)#开始播放动画self.movie.start()#condition不为0,转为切换特有的动作,实现宠物的点击反馈#这里可以通过else-if语句往下拓展做更多的交互功能else:#读取特殊状态图片路径self.movie=QMovie("./click/click.gif")#宠物大小self.movie.setScaledSize(QSize(200,200))#将动画添加到label中self.image.setMovie(self.movie)#开始播放动画self.movie.start()#宠物状态设置为正常待机self.condition=0self.talk_condition=0
#宠物对话框行为处理deftalk(self):ifnotself.talk_condition:#talk_condition为0则选取加载在dialog中的语句self.talkLabel.setText(random.choice(self.dialog))#设置样式self.talkLabel.setStyleSheet("font:bold;""font:25pt'楷体';""color:white;""background-color:white""url(:/)")#根据内容自适应大小self.talkLabel.adjustSize()else:#talk_condition为1显示为别点我,这里同样可以通过if-else-if来拓展对应的行为self.talkLabel.setText("别点我")self.talkLabel.setStyleSheet("font:bold;""font:25pt'楷体';""color:white;""background-color:white""url(:/)")self.talkLabel.adjustSize()#设置为正常状态self.talk_condition=0
⑤实现能够拖动宠物,通过多个自带函数实现,其代码配置如下:
实现宠物的拖动主要通过三个函数实现,mouserPressEvent负责在鼠标点击判断其是否在宠物窗口上,如果在则将宠物和鼠标的位置绑定,并执行点击改变宠物GIF图和对话框的操作。
mouseMoveEvent实现按下后宠物跟着鼠标移动
mouseReleaseEvent将之前的锁定取消
#鼠标左键按下时,宠物将和鼠标位置绑定defmousePressEvent(self,event):#更改宠物状态为点击self.condition=1#更改宠物对话状态self.talk_condition=1#即可调用对话状态改变self.talk()#即刻加载宠物点击动画self.randomAct()ifevent.button()==Qt.LeftButton:self.is_follow_mouse=True#globalPos()事件触发点相对于桌面的位置#pos()程序相对于桌面左上角的位置,实际是窗口的左上角坐标self.mouse_drag_pos=event.globalPos()-self.pos()event.accept()#拖动时鼠标图形的设置self.setCursor(QCursor(Qt.OpenHandCursor))
#鼠标移动时调用,实现宠物随鼠标移动defmouseMoveEvent(self,event):#如果鼠标左键按下,且处于绑定状态ifQt.LeftButtonandself.is_follow_mouse:#宠物随鼠标进行移动self.move(event.globalPos()-self.mouse_drag_pos)event.accept()
#鼠标释放调用,取消绑定defmouseReleaseEvent(self,event):self.is_follow_mouse=False#鼠标图形设置为箭头self.setCursor(QCursor(Qt.ArrowCursor))
⑥实现宠物右键点击具有交互功能,通过函数contextMenuEvent实现,其代码配置如下:
退出操作通过qApp.quit()实现,直接退出相应的QT程序。
隐藏操作则通过self.setWindowOpacity(0)实现,这个可控制窗口的透明度。
⑦鼠标移到宠物上的时候显示为闭合的手
#鼠标移进时调用defenterEvent(self,event):#设置鼠标形状Qt.ClosedHandCursor非指向手self.setCursor(Qt.ClosedHandCursor)2.3完整源码importosimportsysimportrandomfromPyQt5.QtGuiimport*fromPyQt5.QtCoreimport*fromPyQt5.QtWidgetsimport*
#宠物随机位置defrandomPosition(self):screen_geo=QDesktopWidget().screenGeometry()pet_geo=self.geometry()width=(screen_geo.width()-pet_geo.width())*random.random()height=(screen_geo.height()-pet_geo.height())*random.random()self.move(width,height)
#鼠标移进时调用defenterEvent(self,event):#设置鼠标形状Qt.ClosedHandCursor非指向手self.setCursor(Qt.ClosedHandCursor)
#宠物右键点击交互defcontextMenuEvent(self,event):#定义菜单menu=QMenu(self)#定义菜单项quitAction=menu.addAction("退出")hide=menu.addAction("隐藏")#使用exec_()方法显示菜单。从鼠标右键事件对象中获得当前坐标。mapToGlobal()方法把当前组件的相对坐标转换为窗口(window)的绝对坐标。action=menu.exec_(self.mapToGlobal(event.pos()))#点击事件为退出ifaction==quitAction:qApp.quit()#点击事件为隐藏ifaction==hide:#通过设置透明度方式隐藏宠物self.setWindowOpacity(0)
如果提示黄色提示pip版本问题,照着上面的提示修改即可
3.2项目目录下完成打包
进入打开cmd命令行,进入项目目录,输入命令
打包完成后,在生成的dist里面可以看到main.exe文件
这里因为我自己的原因,需要将main.exe放到主目录下才可正常运行
DeskTopPetEXE为带打包好的文件。
DeskTopPet是打包前的文件。
4.2总结
写之前挺开心的,写的时候也挺开心的,写完之后就有点索然无味了。