5

A simple question, I am looking for a effect in pyqt like this:

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

But those code is JQuery and I am trying to achieve it with 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_())

This code successfully made tip balloon follow the cursor. Now is it possible to make the tip follow my slider handler?

4

2 回答 2

7

我喜欢@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)
于 2015-07-27T16:58:02.347 回答
3

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

  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. 改进：为工具提示找到正确的位置
    Bellow 我的最佳尝试，带有一些神奇的数字：

    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方法中完成的。

于 2015-07-27T15:23:02.957 回答