PyQt5基础 QSlider 显示滑块的值UI界面文件结构代码效果 Dial刻度盘 Dial的属

Python : 3.8.13

OS : Windows 21H1

Conda : 4.12.0

PyCharm : 2022.1 (Community Edition)

UI界面

文件结构

C:\Users\admin\PycharmProjects\pythonProject1>tree /F
文件夹 PATH 列表
卷序列号为 B0D5-61C1
C:.
│  demo.py
│  main.py
│  untitled.py
│  untitled.ui
│
├─.idea
│  │  .gitignore
│  │  misc.xml
│  │  modules.xml
│  │  pythonProject1.iml
│  │  workspace.xml
│  │
│  └─inspectionProfiles
│          profiles_settings.xml
│
└─__pycache__
        untitled.cpython-38.pyc

代码

# -*- coding: utf-8 -*-

# Form implementation generated from reading ui file 'untitled.ui'
#
# Created by: PyQt5 UI code generator 5.15.4
#
# WARNING: Any manual changes made to this file will be lost when pyuic5 is
# run again.  Do not edit this file unless you know what you are doing.


from PyQt5 import QtCore, QtGui, QtWidgets


class Ui_MainWindow(object):
    def setupUi(self, MainWindow):
        MainWindow.setObjectName("MainWindow")
        MainWindow.resize(697, 600)
        self.centralwidget = QtWidgets.QWidget(MainWindow)
        self.centralwidget.setObjectName("centralwidget")
        self.horizontalSlider = QtWidgets.QSlider(self.centralwidget)
        self.horizontalSlider.setGeometry(QtCore.QRect(90, 290, 241, 21))
        self.horizontalSlider.setOrientation(QtCore.Qt.Horizontal)
        self.horizontalSlider.setTickPosition(QtWidgets.QSlider.TicksBelow)
        self.horizontalSlider.setTickInterval(5)
        self.horizontalSlider.setObjectName("horizontalSlider")
        self.verticalSlider = QtWidgets.QSlider(self.centralwidget)
        self.verticalSlider.setGeometry(QtCore.QRect(460, 120, 41, 291))
        self.verticalSlider.setProperty("value", 0)
        self.verticalSlider.setSliderPosition(0)
        self.verticalSlider.setOrientation(QtCore.Qt.Vertical)

        # 设置刻度的位置
        self.verticalSlider.setTickPosition(QtWidgets.QSlider.TicksAbove)
        # 设置刻度的间隔
        self.verticalSlider.setTickInterval(5)

        self.verticalSlider.setObjectName("verticalSlider")
        self.label = QtWidgets.QLabel(self.centralwidget)
        self.label.setGeometry(QtCore.QRect(90, 340, 54, 12))
        self.label.setObjectName("label")
        self.label_2 = QtWidgets.QLabel(self.centralwidget)
        self.label_2.setGeometry(QtCore.QRect(510, 400, 54, 12))
        self.label_2.setObjectName("label_2")
        MainWindow.setCentralWidget(self.centralwidget)
        self.menubar = QtWidgets.QMenuBar(MainWindow)
        self.menubar.setGeometry(QtCore.QRect(0, 0, 697, 23))
        self.menubar.setObjectName("menubar")
        MainWindow.setMenuBar(self.menubar)
        self.statusbar = QtWidgets.QStatusBar(MainWindow)
        self.statusbar.setObjectName("statusbar")
        MainWindow.setStatusBar(self.statusbar)

        self.retranslateUi(MainWindow)
        QtCore.QMetaObject.connectSlotsByName(MainWindow)

    def retranslateUi(self, MainWindow):
        _translate = QtCore.QCoreApplication.translate
        MainWindow.setWindowTitle(_translate("MainWindow", "MainWindow"))
        self.label.setText(_translate("MainWindow", "TextLabel"))
        self.label_2.setText(_translate("MainWindow", "TextLabel"))

import sys
from PyQt5.QtWidgets import QApplication, QMainWindow

import untitled

if __name__ == '__main__':
    app = QApplication(sys.argv)

    window = QMainWindow()

    ui = untitled.Ui_MainWindow()
    ui.setupUi(window)

    # 当滑块的值改变时，label显示滑块的值
    # excel等软件的右下角有显示百分比，可以使用滑块、标签和QFont制作出类似的效果
    ui.horizontalSlider.valueChanged.connect(lambda: ui.label.setText(str(ui.horizontalSlider.value())))
    ui.verticalSlider.valueChanged.connect(lambda: ui.label_2.setText(str(ui.verticalSlider.value())))

    window.show()

    sys.exit(app.exec_())

效果

Dial刻度盘

Dial的属性编辑器，可以看到它的继承关系

学习推荐

Python具有开源、跨平台、解释型和交互式等特性，值得学习。
Python的设计哲学：优雅，明确，简单。提倡用一种方法，最好是只有一种方法来做一件事。
GUI可以选择Tkinter、PySide2、wxPython、PyGObject、wxWidgets等进行创作。
代码的书写要遵守规范，这样有助于沟通和理解。
每种语言都有独特的思想，初学者需要转变思维、踏实践行、坚持积累。