带有弹出式QSlider的QToolButton_带有弹出式图像的图像轮播_如何创建带有单选按钮的弹出式菜单 - 腾讯云开发者社区

带有弹出式QSlider的QToolButton

基础概念

QToolButton 是 Qt 框架中的一个控件，通常用于创建工具栏按钮。它可以显示一个图标和一个可选的文本标签，并且可以被配置为显示一个弹出菜单。QSlider 是另一个 Qt 控件，用于允许用户通过滑动条来选择一个值的范围。

将 QSlider 放在 QToolButton 的弹出菜单中，可以创建一个带有弹出式滑动条的工具按钮，这种设计在需要用户进行精细调整时非常有用。

类型

水平滑动条：滑动条的值在水平方向上变化。
垂直滑动条：滑动条的值在垂直方向上变化。

应用场景

这种带有弹出式 QSlider 的 QToolButton 常用于需要用户进行数值调整的应用程序，例如：

音量控制
亮度调节
图像缩放

示例代码

以下是一个简单的示例代码，展示如何创建一个带有弹出式 QSlider 的 QToolButton：

import sys
from PyQt5.QtWidgets import QApplication, QMainWindow, QToolButton, QMenu, QSlider, QVBoxLayout, QWidget
from PyQt5.QtCore import Qt

class MainWindow(QMainWindow):
    def __init__(self):
        super().__init__()

        self.setWindowTitle("QToolButton with Popup QSlider")
        self.setGeometry(100, 100, 300, 200)

        # 创建一个 QToolButton
        self.toolButton = QToolButton(self)
        self.toolButton.setIcon(self.style().standardIcon(QStyle.SP_ArrowDown))
        self.toolButton.setToolButtonStyle(Qt.ToolButtonIconOnly)
        self.toolButton.clicked.connect(self.showSlider)

        # 创建一个 QSlider
        self.slider = QSlider(Qt.Horizontal, self)
        self.slider.setMinimum(0)
        self.slider.setMaximum(100)
        self.slider.setValue(50)

        # 创建一个 QMenu 并将 QSlider 添加到菜单中
        self.menu = QMenu(self)
        self.menu.addAction("Option 1")
        self.menu.addAction("Option 2")
        self.menu.addSeparator()
        self.menu.addWidget(self.slider)

        # 设置布局
        layout = QVBoxLayout()
        layout.addWidget(self.toolButton)

        container = QWidget()
        container.setLayout(layout)
        self.setCentralWidget(container)

    def showSlider(self):
        self.menu.exec_(self.toolButton.mapToGlobal(self.toolButton.pos()))

if __name__ == "__main__":
    app = QApplication(sys.argv)
    window = MainWindow()
    window.show()
    sys.exit(app.exec_())