既然要寫個桌面寵物,首先當然是要找寵物的圖片素材啦。這裡我們使用的是來自shimiji這款手機APP上的寵物圖片素材,例如皮卡丘:
我下了大約60多種寵物的圖片素材供大家選擇:
在相關文件裡都打包一起提供了,所以這裡就不分享爬蟲代碼了(我挑選了一下,只要不是我覺得特別醜的,我基本都保留了),別給人家伺服器帶來不必要的壓力。
接下來,我們就可以開始設計我們的桌面寵物啦。鑑於網上用python寫的桌面掛件基本都是基於tkinter的,為了突出公眾號的與眾不同,這裡我們採用PyQt5來實現我們的桌面寵物。
首先,我們來初始化一個桌面寵物的窗口組件:
class DesktopPet(QWidget): def __init__(self, parent=None, **kwargs): super(DesktopPet, self).__init__(parent) self.show()它的效果是這樣子的:
接下來,我們設置一下窗口的屬性讓更適合作為一個寵物的窗口:
self.setWindowFlags(Qt.FramelessWindowHint|Qt.WindowStaysOnTopHint|Qt.SubWindow)self.setAutoFillBackground(False)self.setAttribute(Qt.WA_TranslucentBackground, True)self.repaint()並隨機導入一張寵物圖片來看看運行效果:
# 隨機導入一個寵物self.pet_images, iconpath = self.randomLoadPetImages()# 當前顯示的圖片self.image = QLabel(self)self.setImage(self.pet_images[0][0])其中隨機導入一個寵物的所有圖片的函數代碼實現如下:
'''隨機導入一個桌面寵物的所有圖片'''def randomLoadPetImages(self): pet_name = random.choice(list(cfg.PET_ACTIONS_MAP.keys())) actions = cfg.PET_ACTIONS_MAP[pet_name] pet_images = [] for action in actions: pet_images.append([self.loadImage(os.path.join(cfg.ROOT_DIR, pet_name, 'shime'+item+'.png')) for item in action]) iconpath = os.path.join(cfg.ROOT_DIR, pet_name, 'shime1.png') return pet_images, iconpath當然,我們也希望寵物每次在桌面上出現的位置是隨機的,這樣會更有趣一些:
'''隨機到一個屏幕上的某個位置'''def randomPosition(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)現在,運行我們的程序時,效果是這樣子的:
好像蠻不錯的呢~等等,好像有問題,重新設置了窗口屬性之後,這玩意咋退出啊?在寵物右上角加個×這樣的符號又好像很奇怪?
別急,我們可以給我們的桌面寵物添加一個託盤圖標,以實現桌面寵物程序的退出功能:
quit_action = QAction('退出', self, triggered=self.quit)quit_action.setIcon(QIcon(iconpath))self.tray_icon_menu = QMenu(self)self.tray_icon_menu.addAction(quit_action)self.tray_icon = QSystemTrayIcon(self)self.tray_icon.setIcon(QIcon(iconpath))self.tray_icon.setContextMenu(self.tray_icon_menu)self.tray_icon.show()效果是這樣子的:
OK,這樣好像有模有樣了呢~但是好像還是不太對的樣子,這寵物每次在桌面生成的位置是隨機的,但是我們卻無法調整這個寵物的位置,這顯然不合理,作為一個桌面寵物,你肯定不能在妨礙主人工作的位置啊!要不我們來寫一下滑鼠按下、移動以及釋放時的函數吧,這樣就可以用滑鼠拖動它了:
'''滑鼠左鍵按下時, 寵物將和滑鼠位置綁定'''def mousePressEvent(self, event): if event.button() == Qt.LeftButton: self.is_follow_mouse = True self.mouse_drag_pos = event.globalPos() - self.pos() event.accept() self.setCursor(QCursor(Qt.OpenHandCursor))'''滑鼠移動, 則寵物也移動'''def mouseMoveEvent(self, event): if Qt.LeftButton and self.is_follow_mouse: self.move(event.globalPos() - self.mouse_drag_pos) event.accept()'''滑鼠釋放時, 取消綁定'''def mouseReleaseEvent(self, event): self.is_follow_mouse = False self.setCursor(QCursor(Qt.ArrowCursor))效果如下:
哈哈,越來越像樣了呢~最後,作為一個活潑的寵物,你不能這麼呆板,一動也不動吧?好歹要學會做做表情逗主人開心吧?OK,我們先來設置一個定時器:
# 每隔一段時間做個動作self.timer = QTimer()self.timer.timeout.connect(self.randomAct)self.timer.start(500)定時器每隔一段時間切換一下選中的寵物的圖片,以達到寵物做表情動作的動畫效果(視頻是一幀幀的圖片組成的這種基礎內容就不需要我來科普了吧T_T)。當然,這裡我們必須對圖片進行動作分類(在做同一個動作的圖片屬於同一類),保證寵物做表情動作時的連貫性。具體而言,代碼實現如下:
'''隨機做一個動作'''def randomAct(self): if not self.is_running_action: self.is_running_action = True self.action_images = random.choice(self.pet_images) self.action_max_len = len(self.action_images) self.action_pointer = 0 self.runFrame()'''完成動作的每一幀'''def runFrame(self): if self.action_pointer == self.action_max_len: self.is_running_action = False self.action_pointer = 0 self.action_max_len = 0 self.setImage(self.action_images[self.action_pointer]) self.action_pointer += 1OK,大功告成了~完整原始碼詳見相關文件。最後的效果見效果展示部分吧~