PyQt中實現(xiàn)自定義工具提示ToolTip的方法詳解
前言
Qt 自帶的工具提示樣式不太好看,就算加了樣式表也時不時會失效,同時工具提示沒有陰影,看起來就更難受了。所以本篇博客將會介紹自定義工具提示的方法,效果如下圖所示:
實現(xiàn)過程
工具提示其實就是一個帶了標簽的窗口,為了給工具提示加上陰影,只要給窗口設置 QGraphicsShadowEffect
即可。同時 QToolTip
彈出之后不會一直卡在界面上,一段時間后就會消失,所以我們應該給自定義的工具提示加上一個 QTimer
,時間溢出之后就隱藏工具提示。
# coding:utf-8 from PyQt5.QtCore import QFile, QPropertyAnimation, QTimer, Qt from PyQt5.QtGui import QColor from PyQt5.QtWidgets import (QApplication, QFrame, QGraphicsDropShadowEffect, QHBoxLayout, QLabel) class ToolTip(QFrame): def __init__(self, text='', parent=None): super().__init__(parent=parent) self.__text = text self.__duration = 1000 self.timer = QTimer(self) self.hBox = QHBoxLayout(self) self.label = QLabel(text, self) self.ani = QPropertyAnimation(self, b'windowOpacity', self) # set layout self.hBox.addWidget(self.label) self.hBox.setContentsMargins(10, 7, 10, 7) # add shadow self.shadowEffect = QGraphicsDropShadowEffect(self) self.shadowEffect.setBlurRadius(32) self.shadowEffect.setColor(QColor(0, 0, 0, 60)) self.shadowEffect.setOffset(0, 5) self.setGraphicsEffect(self.shadowEffect) self.timer.setSingleShot(True) self.timer.timeout.connect(self.hide) # set style self.setAttribute(Qt.WA_StyledBackground) self.setDarkTheme(False) self.__setQss() def text(self): return self.__text def setText(self, text: str): """ set text on tooltip """ self.__text = text self.label.setText(text) self.label.adjustSize() self.adjustSize() def duration(self): return self.__duration def setDuration(self, duration: int): """ set tooltip duration in milliseconds """ self.__duration = abs(duration) def __setQss(self): """ set style sheet """ f = QFile("resource/tooltip.qss") f.open(QFile.ReadOnly) self.setStyleSheet(str(f.readAll(), encoding='utf-8')) f.close() self.label.adjustSize() self.adjustSize() def setDarkTheme(self, dark=False): """ set dark theme """ dark = 'true' if dark else 'false' self.setProperty('dark', dark) self.label.setProperty('dark', dark) self.setStyle(QApplication.style()) def showEvent(self, e): self.timer.stop() self.timer.start(self.__duration) super().showEvent(e) def hideEvent(self, e): self.timer.stop() super().hideEvent(e)
工具提示繼承自 QFrame
的原因是我們需要設置邊框樣式,樣式表如下所示,支持亮暗兩種主題:
ToolTip[dark="false"] { border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 5px; background-color: rgb(243, 243, 243); } ToolTip[dark="true"] { border: 1px solid rgb(28, 28, 28); border-radius: 5px; background-color: rgb(43, 43, 43); } QLabel { background-color: transparent; font: 15px 'Segoe UI', 'Microsoft YaHei'; } QLabel[dark="false"] { color: black; } QLabel[dark="true"] { color: white; }
測試
下述代碼的運行效果就是動圖中所示的樣子,只要給想要設置工具提示的部件安裝上事件過濾器,就能將 QToolTip
替換成自定義的工具提示:
# coding:utf-8 import sys from PyQt5.QtCore import QEvent, QPoint from PyQt5.QtWidgets import QApplication, QWidget, QPushButton, QHBoxLayout from tool_tip import ToolTip class Demo(QWidget): def __init__(self): super().__init__() self.hBox = QHBoxLayout(self) self.button1 = QPushButton('キラキラ', self) self.button2 = QPushButton('食べた愛', self) self._toolTip = ToolTip(parent=self) # self._tooltip.setDarkTheme(True) self.button1.setToolTip('aiko - キラキラ ?') self.button2.setToolTip('aiko - 食べた愛 ??') self.button1.setToolTipDuration(1000) self.button2.setToolTipDuration(5000) self.button1.installEventFilter(self) self.button2.installEventFilter(self) self.hBox.setContentsMargins(30, 30, 30, 30) self.hBox.setSpacing(20) self.hBox.addWidget(self.button1) self.hBox.addWidget(self.button2) self.resize(600, 300) self._toolTip.hide() with open('resource/demo.qss', encoding='utf-8') as f: self.setStyleSheet(f.read()) def eventFilter(self, obj, e: QEvent): if obj is self: return super().eventFilter(obj, e) tip = self._toolTip if e.type() == QEvent.Enter: tip.setText(obj.toolTip()) tip.setDuration(obj.toolTipDuration()) pos = obj.mapTo(self, QPoint(0, 0)) x = pos.x() + obj.width()//2 - tip.width()//2 y = pos.y() - 5 - tip.height() # adjust postion to prevent tooltips from appearing outside the window x = min(max(5, x), self.width() - tip.width() - 5) y = min(max(5, y), self.height() - tip.height() - 5) tip.move(x, y) tip.show() elif e.type() == QEvent.Leave: tip.hide() elif e.type() == QEvent.ToolTip: return True return super().eventFilter(obj, e) if __name__ == '__main__': app = QApplication(sys.argv) w = Demo() w.show() app.exec_()
用到的樣式文件如下:
QWidget{ background-color: white; } QPushButton { background-color: rgb(204, 204, 204); padding: 10px 64px 10px 64px; font: 19px 'Microsoft YaHei'; border: transparent; border-radius: 4px; } QPushButton:pressed:hover { background-color: rgb(153, 153, 153); } QPushButton:hover { background-color: rgb(230, 230, 230); } QPushButton:disabled { background-color: rgb(204, 204, 204); color: rgb(122, 122, 122); }
后記
自定義工具提示的方法已經(jīng)介紹完了,更多好康的自定義小部件參見 GitHub 倉庫 https://github.com/zhiyiYo/PyQt-Fluent-Widgets
到此這篇關于PyQt中實現(xiàn)自定義工具提示ToolTip的方法詳解的文章就介紹到這了,更多相關PyQt自定義工具提示ToolTip內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
相關文章
pandas數(shù)據(jù)框,統(tǒng)計某列數(shù)據(jù)對應的個數(shù)方法
下面小編就為大家分享一篇pandas數(shù)據(jù)框,統(tǒng)計某列數(shù)據(jù)對應的個數(shù)方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-04-04Python數(shù)學建模PuLP庫線性規(guī)劃實際案例編程詳解
本節(jié)以一個實際數(shù)學建模案例,來為大家講解PuLP求解線性規(guī)劃問題的建模與編程。來鞏固加深大家對Python數(shù)學建模PuLP庫線性規(guī)劃的運用理解2021-10-10anaconda中Conda創(chuàng)建虛擬環(huán)境的實現(xiàn)步驟
在Anaconda中,可以使用conda命令來創(chuàng)建和管理虛擬環(huán)境,本文主要介紹了anaconda中Conda創(chuàng)建虛擬環(huán)境的實現(xiàn)步驟,具有一定的參考價值,感興趣的可以了解一下2023-12-12Python3.4實現(xiàn)從HTTP代理網(wǎng)站批量獲取代理并篩選的方法示例
這篇文章主要介紹了Python3.4實現(xiàn)從HTTP代理網(wǎng)站批量獲取代理并篩選的方法,涉及Python網(wǎng)絡連接、讀取、判斷等相關操作技巧,需要的朋友可以參考下2017-09-09Python使用collections模塊實現(xiàn)擴展數(shù)據(jù)類
Python?標準庫提供了一個?collections?模塊,里面提供了很多的數(shù)據(jù)類,在工作中使用這些類能夠簡化我們的開發(fā),本文就來看看collections是如何實現(xiàn)擴展數(shù)據(jù)類的吧2023-06-06基于Python+Tkinter實現(xiàn)一個簡易計算器
Tkinter作為Python的標準庫,是非常流行的Python GUI工具,同時也是非常容易學習的。本文將利用Tkinter繪制一個簡單的計算器,感興趣的可以試一試2022-01-01