Question

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

Jquery UI slider how to make a box follow the handler?

但是这些代码是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

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

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

从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)

rectHandle是一个QRect，有多种方法可以获得以像素为单位的位置。
你可以int QRect.bottom()，QRect.right() ...或QPoint QRect.center()，QRect.bottomRight ......所有职位都会相对于父窗口小部件，这里是滑块例如，要获得矩形右下角的绝对位置，您可以执行以下操作：
```
myPoint=rectHandle.bottomRight()+self.slider.pos()
```

改进：找到工具提示的正确位置
我最好的尝试，有一些神奇的数字：

magicX = 5
magicY = 15

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

当然，我们需要在我们的自定义位置显示工具提示：
```
QtGui.QToolTip.showText(QtCore.QPoint(x,y), str(value), self)
```

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

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

2 个答案: