pyqt5 QSlider实现数轴但无法在数轴下方显示坐标对应的数值

Notodontidae

做了个用QSlider实现[-10,10]的数轴类，但是并不能实现数轴下方显示对应的整数。
求修正与优化其中这一段负责显示数轴下方的整数的代码：
            text = str(value)
            font_metrics = painter.fontMetrics()
            text_width = font_metrics.width(text)
            painter.drawText(x - text_width // 2, slider_height - 30, text)

这一段代码真不知道如何改。。尝试减少了数轴显示的数字的数量也依旧不能显示。不知如何解决

附上全部代码：

1. import sys
   
2. from PyQt5.QtWidgets import QWidget, QVBoxLayout, QLabel, QSlider, QApplication
   
3. from PyQt5.QtCore import Qt
   
4. from PyQt5.QtGui import QPainter, QFontMetrics
   
5. 
   
6. class NumberLineSlider(QSlider):
   
7.     def __init__(self, min_value, max_value, *args, **kwargs):
   
8.         super().__init__(Qt.Horizontal, *args, **kwargs)
   
9.         self.min_value = min_value
   
10.         self.max_value = max_value
    
11.         self.setMinimum(min_value)
    
12.         self.setMaximum(max_value)
    
13.         self.setTickPosition(QSlider.TicksBelow)
    
14.         self.setTickInterval(1)  # 设置每个刻度的间隔为1
    
15. 
    
16.     def paintEvent(self, event):
    
17.         super().paintEvent(event)
    
18.         painter = QPainter(self)
    
19.         painter.setRenderHint(QPainter.Antialiasing)
    
20. 
    
21.         # 获取当前slider的大小
    
22.         slider_width = self.width()
    
23.         slider_height = self.height()
    
24. 
    
25.         # 绘制每个整数标记
    
26.         for value in range(self.min_value, self.max_value + 1):
    
27.             # 计算每个数值的位置
    
28.             x = self.position_for_value(value, slider_width)
    
29.             # 绘制刻度线
    
30.             painter.drawLine(x, slider_height - 20, x, slider_height - 10)
    
31.             
    
32.             # 绘制数值文本
    
33.             text = str(value)
    
34.             font_metrics = painter.fontMetrics()
    
35.             text_width = font_metrics.width(text)
    
36.             painter.drawText(x - text_width // 2, slider_height - 30, text)
    
37. 
    
38.     def position_for_value(self, value, slider_width):
    
39.         """计算给定数值在滑块上的 x 坐标"""
    
40.         slider_min = self.minimum()
    
41.         slider_max = self.maximum()
    
42.         # 计算数值相对slider宽度的位置
    
43.         return int((value - slider_min) / (slider_max - slider_min) * (slider_width - 20)) + 10
    
44. 
    
45. class MainWindow(QWidget):
    
46.     def __init__(self):
    
47.         super().__init__()
    
48. 
    
49.         # 设置数轴范围，从 -10 到 10
    
50.         self.slider = NumberLineSlider(-10, 10)
    
51.         self.label = QLabel("Move the slider to see the value")
    
52. 
    
53.         # 当滑块移动时，更新标签显示的值
    
54.         self.slider.valueChanged.connect(self.on_slider_value_changed)
    
55. 
    
56.         # 布局
    
57.         layout = QVBoxLayout()
    
58.         layout.addWidget(self.slider)
    
59.         layout.addWidget(self.label)
    
60.         self.setLayout(layout)
    
61. 
    
62.     def on_slider_value_changed(self, value):
    
63.         # 更新标签显示当前滑块值
    
64.         self.label.setText(f"Value: {value}")
    
65. 
    
66. if __name__ == "__main__":
    
67.     app = QApplication(sys.argv)
    
68.     window = MainWindow()
    
69.     window.show()
    
70.     sys.exit(app.exec_())

复制代码

FishC

看你的代码，主要的问题在于计算 QSlider 的数值位置和进行drawText操作的地方。这里给你一个修正和优化的版本，希望能帮助你解决问题。

1. import sys
   
2. from PyQt5.QtWidgets import QWidget, QVBoxLayout, QLabel, QSlider, QApplication
   
3. from PyQt5.QtCore import Qt
   
4. from PyQt5.QtGui import QPainter, QFontMetrics
   
5. 
   
6. class NumberLineSlider(QSlider):
   
7.     def __init__(self, min_value, max_value, *args, **kwargs):
   
8.         super().__init__(Qt.Horizontal, *args, **kwargs)
   
9.         self.min_value = min_value
   
10.         self.max_value = max_value
    
11.         self.setMinimum(min_value)
    
12.         self.setMaximum(max_value)
    
13.         self.setTickPosition(QSlider.TicksBelow)
    
14.         self.setTickInterval(1)  # 设置每个刻度的间隔为1
    
15.    
    
16.     def paintEvent(self, event):
    
17.         super().paintEvent(event)
    
18.         painter = QPainter(self)
    
19.         painter.setRenderHint(QPainter.Antialiasing)
    
20.         
    
21.         slider_width = self.width()
    
22.         slider_height = self.height()
    
23.         
    
24.         for value in range(self.min_value, self.max_value + 1):
    
25.             x = self.position_for_value(value, slider_width)
    
26.             painter.drawLine(x, slider_height - 20, x, slider_height - 10)
    
27.             
    
28.             text = str(value)
    
29.             font_metrics = painter.fontMetrics()
    
30.             text_width = font_metrics.horizontalAdvance(text)  # 更新点：使用 horizontalAdvance 而不是 width
    
31.             painter.drawText(x - text_width // 2, slider_height - 30, text)
    
32.    
    
33.     def position_for_value(self, value, slider_width):
    
34.         """计算给定数值在滑块上的 x 坐标"""
    
35.         slider_min = self.minimum()
    
36.         slider_max = self.maximum()
    
37.         if slider_max == slider_min:
    
38.             return 0
    
39.         return int(slider_width * (value - slider_min) / (slider_max - slider_min))
    
40. 
    
41. # 主窗口
    
42. class MainWindow(QWidget):
    
43.     def __init__(self):
    
44.         super().__init__()
    
45.         self.setWindowTitle('Number Line Slider Example')
    
46.         self.setGeometry(100, 100, 600, 100)
    
47.         
    
48.         layout = QVBoxLayout()
    
49.         
    
50.         self.slider = NumberLineSlider(0, 10)
    
51.         layout.addWidget(self.slider)
    
52.         
    
53.         self.value_label = QLabel("0")
    
54.         layout.addWidget(self.value_label)
    
55.         
    
56.         self.slider.valueChanged.connect(self.update_label)
    
57.         
    
58.         self.setLayout(layout)
    
59.         
    
60.     def update_label(self, value):
    
61.         self.value_label.setText(str(value))
    
62. 
    
63. if __name__ == "__main__":
    
64.     app = QApplication(sys.argv)
    
65.     window = MainWindow()
    
66.     window.show()
    
67.     sys.exit(app.exec_())

复制代码

主要修改点：
1. 使用 `font_metrics.horizontalAdvance(text)` 而不是 `font_metrics.width(text)`。`horizontalAdvance` 是计算字符串显示长度的更现代化方法。
2. 增加了超出显示范围的处理。比如当 `self.minimum()` 和 `self.maximum()` 值相等时防止除以零错误。
3. 为方便测试，增加一个主窗口类 `MainWindow`， 承载 `NumberLineSlider` 并且显示当前的 Slider 值。

希望对你有帮助！

以上回复来自 FishC AI 小助理，如未能正确解答您的问题，请继续追问。