时间戳

首页 > 解决方案 > 是否可以扩展 QSlider 周围的可绘制区域

python - 是否可以扩展 QSlider 周围的可绘制区域

问题描述

我的目标是使用PySide2模块在Python 3 中使用带有刻度线和刻度线标签的自定义QSlider 。为此，我在派生类中编辑了 QSlider 类的默认paintEvent。然而，事实证明可打印区域是有限的，并且我放置的顶部/底部标签被裁剪（见截图）。我用来生成这些滑块的代码如下：

import sys
from PySide2.QtCore import *
from PySide2.QtWidgets import *
from PySide2.QtGui import *

slider_x = 150
slider_y = 450
slider_step = [0.01, 0.1, 1, 10, 100]  # in microns


class MySlider(QSlider):
    def __init__(self, type, parent=None):
        super(MySlider, self).__init__(parent)
        self.Type = type

    def paintEvent(self, event):
        super(MySlider, self).paintEvent(event)
        qp = QPainter(self)
        pen = QPen()
        pen.setWidth(2)
        pen.setColor(Qt.red)

        qp.setPen(pen)
        font = QFont('Times', 10)
        qp.setFont(font)
        self.setContentsMargins(50, 50, 50, 50)
        # size = self.size()
        # print(size)
        # print("margins", self.getContentsMargins())
        # print(self.getContentsMargins())
        # print(self.contentsRect())
        contents = self.contentsRect()
        self.setFixedSize(QSize(slider_x, slider_y))
        max_slider = self.maximum()
        y_inc = 0
        for i in range(max_slider):
            qp.drawText(contents.x() - font.pointSize(), y_inc + font.pointSize() / 2, '{0:2}'.format(slider_step[i]))
            qp.drawLine(contents.x() + font.pointSize(), y_inc, contents.x() + contents.width(), y_inc)
            y_inc += slider_y/4


class Window(QWidget):
    """ Inherits from QWidget """
    def __init__(self):
        super().__init__()
        self.title = 'Control Stages'
        self.left = 10
        self.top = 10
        self.width = 320
        self.height = 100
        self.AxesMapping = [0, 1, 2, 3]
        self.initUI()

    def initUI(self):
        """ Initializes the GUI either using the grid layout or the absolute position layout"""
        self.setWindowTitle(self.title)
        self.setGeometry(self.left, self.top, self.width, self.height)
        Comp4 = self.createSlider("step_size")
        Comp5 = self.createSlider("speed")
        windowLayout = QGridLayout()
        windowLayout.setContentsMargins(50, 50, 50, 50)
        HGroupBox = QGroupBox()
        layout = QGridLayout()
        layout.addWidget(Comp4, 0, 0)
        layout.addWidget(Comp5, 0, 1)
        HGroupBox.setLayout(layout)
        HGroupBox.setFixedSize(QSize(740, 480))
        windowLayout.addWidget(HGroupBox, 0, 0)
        self.setLayout(windowLayout)
        self.show()

    def createSlider(self, variant):
        Slider = MySlider(Qt.Vertical)
        Slider.Type = variant
        Slider.setMaximum(5)
        Slider.setMinimum(1)
        Slider.setSingleStep(1)
        Slider.setTickInterval(1)
        Slider.valueChanged.connect(lambda: self.sliderChanged(Slider))
        return Slider

    @staticmethod
    def sliderChanged(Slider):
        print("Slider value changed to ", Slider.value(), "slider type is ", Slider.Type)
        if Slider.Type == "step_size":
            print("this is a step size slider")
        elif Slider.Type == "speed":
            print("this is a speed slider")


if __name__ == '__main__':
    app = QApplication(sys.argv)
    ex = Window()
    sys.exit(app.exec_())

是否可以扩展 QSlider 周围的可绘制区域，如果可以，我该如何实现这种效果？您可以在屏幕截图中看到第一个和最后一个刻度线旁边的红色标签没有正确显示并且它们被裁剪（即在第一个刻度线标签中，标签 0.01 缺少 1 和 0 的顶部）。

在此处输入图像描述

编辑：尝试提出的解决方案后，顶部标签的一部分仍然被剪掉。下面的第二个版本在带有 PySide2 5.12.0 和 Python 3.6.6 的 Windows 10 64 位上仍然相似。

EDIT2我有一个双引导系统，所以我在 Ubuntu 16.04.3 LTS 上使用 Python 3.5.2 / PySide 5.12.0 进行了尝试，它开箱即用。这是那里的屏幕截图，但不幸的是它必须在 Windows 上运行。

在此处输入图像描述

标签： pythonpython-3.xpyside2qslider

解决方案

如果我做对了，您希望刻度在顶部和底部可见，因为它们似乎由于边距而被“切割”。我认为这是假设小部件边距正确设置为零或类似的结果，您可以尝试更改数字并查看此效果。（我尝试移动边距但没有成功）

现在，在一篇旧帖子之后，我注意到实现类似的事情似乎很棘手，您可以根据基于minimum和maximum的公式来确定您的刻度QSlider。

由于底部的勾号将位于主小部件下方，因此您只需为其添加一个特殊条件即可使其可见。

不想粘贴整个代码，但您只需要在循环之前声明opt和。handle计算y里面的位置，并用它代替你的y_inc.

def paintEvent(self, event):                                                                                                                                                            
    super(MySlider, self).paintEvent(event)                                                     
    qp = QPainter(self)                                                                         
    pen = QPen()                                                                                
    pen.setWidth(2)                                                                             
    pen.setColor(Qt.red)                                                                        

    qp.setPen(pen)                                                                              
    font = QFont('Times', 10)                                                                   
    qp.setFont(font)                                                                            
    self.setContentsMargins(50, 50, 50, 50)                                                     
    # size = self.size()                                                                        
    # print(size)                                                                               
    # print("margins", self.getContentsMargins())                                               
    # print(self.getContentsMargins())                                                          
    # print(self.contentsRect())                                                                
    contents = self.contentsRect()                                                              
    self.setFixedSize(QSize(slider_x, slider_y))                                                

    # New code                                                                                  
    max_slider = self.maximum()                                                                 
    min_slider = self.minimum()                                                                 
    len_slider = max_slider - min_slider                                                        
    height = self.height()                                                                      

    opt = QStyleOptionSlider()                                                                  
    handle = self.style().subControlRect(QStyle.CC_Slider, opt, QStyle.SC_SliderHandle, self)   
    handle_height = handle.height() # Add +10 on windows (workarount)                                                            
    height_diff = height - handle_height                                                        
    point_size = font.pointSize()                                                               

    for i in range(max_slider):                                                                 
        y = round(((1 - i / len_slider) * height_diff + (handle_height / 2.0))) - 1             

        # Trick for the tick at the bottom                                                      
        if i == 0:                                                                              
            y = self.height() - handle_height/2.0 # To have the tick in the middle              
            #y = height_diff # to shift it a bit                                                

        qp.drawText(contents.x() - point_size, y + point_size / 2, '{0:2}'.format(slider_step[len_slider - i]))
        qp.drawLine(contents.x() + point_size, y, contents.x() + contents.width(), y)

在此处输入图像描述

编辑： Windows 上似乎有大约 10 个单位的上边距被忽略了，这是 Qt 中的一个错误。一种解决方法是替换：

handle_height = handle.height()

和

handle_height = handle.height() + 10

方法里面paintEvent。

推荐阅读