如何制作提示以使用 PyQT 跟随滑块的处理程序？

Question

一个简单的问题，我在 pyqt 中寻找这样的效果：

Jquery UI滑块如何使框跟随处理程序？

但那些代码是 JQuery，我正试图用 PyQT 来实现它

import sys
from PyQt4 import QtGui, QtCore

class Window(QtGui.QMainWindow):

    def __init__(self):
        super(Window, self).__init__()
        self.setGeometry(50, 50, 500, 500)
        self.setWindowTitle("PyQT example!")
        slider = QtGui.QSlider(self)
        slider.setOrientation(QtCore.Qt.Horizontal)
        slider.move(50, 50)
        slider.valueChanged.connect(self.value_changed)
        self.show()

    def value_changed(self, value):
        QtGui.QToolTip.showText(QtGui.QCursor.pos(), str(value), self)

app = QtGui.QApplication(sys.argv)
GUI = Window()
sys.exit(app.exec_())

此代码成功地使提示气球跟随光标。现在可以让提示跟随我的滑块处理程序吗？

Answer 1

我喜欢@tmoreau 的想法，但最好将新逻辑放入 QSlider 的子类中：

class TipSlider(QtGui.QSlider):
    def __init__(self, *args, tip_offset=QPoint(0, -45)):
        super(QtGui.QSlider, self).__init__(*args)
        self.tip_offset = tip_offset

        self.style = QtGui.QApplication.style()
        self.opt = QtGui.QStyleOptionSlider()

        self.valueChanged.connect(self.show_tip)
        # self.enterEvent = self.show_tip
        # self.mouseReleaseEvent = self.show_tip

    def show_tip(self, _):
        self.initStyleOption(self.opt)
        rectHandle = self.style.subControlRect(self.style.CC_Slider, self.opt, self.style.SC_SliderHandle)

        pos_local = rectHandle.topLeft() + self.tip_offset
        pos_global = self.mapToGlobal(pos_local)
        QtGui.QToolTip.showText(pos_global, str(self.value()), self)

Answer 2

你的问题没那么简单。这是我的不完美的解决方案：

1. 首先，我们需要跟踪QSlider，因此您需要将全部替换slider为self.slider。

2. 从 中QSlider，我们可以提取包含句柄的矩形：

   style=self.slider.style()
   opt=QtGui.QStyleOptionSlider()
   self.slider.initStyleOption(opt)
   rectHandle=style.subControlRect(QtGui.QStyle.CC_Slider,opt, QtGui.QStyle.SC_SliderHandle,self)
   

3. rectHandle是一个QRect，并且有几种方法来获取以像素为单位的位置。
   您可以使用intwith QRect.bottom(), QRect.right()... 或QPointwith QRect.center(), QRect.bottomRight... 所有位置都将相对于父小部件（此处为滑块）。
   例如，要获取矩形右下角的绝对位置，您可以执行以下操作：

   myPoint=rectHandle.bottomRight()+self.slider.pos()
   

4. 改进：为工具提示找到正确的位置
   下面是我的最佳尝试，其中包含一些神奇的数字：

   magicX = 5
   magicY = 15
   
   x = rectHandle.right() + rectHandle.width() + self.slider.pos().x() + magicX
   y = rectHandle.bottom() + rectHandle.height() + self.slider.pos().y() + magicY
   

5. 当然，我们需要在自定义位置显示工具提示：

   QtGui.QToolTip.showText(QtCore.QPoint(x,y), str(value), self)
   

注意：所有的计算都是在value_changed方法中完成的。