GUI编程--PyQt5--QAbstractSlider

已于 2022-11-25 19:34:40 修改
阅读量468 收藏 1
点赞数
分类专栏： python GUI 文章标签： python pyqt5 QSlider
于 2022-11-24 23:32:48 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45228198/article/details/128027707
版权

文章目录

QAbstractSlider

抽象的基类，必须子类化，

QSlider

滑块案例

  1. 滑块移动时，标签展示滑块的当前值
  2. 标签位置一直在滑块位置的中间，并随之移动
  3. 点击滑块，则显示值，释放鼠标则不显示
# __author__ = "laufing"
# class_based_qt
# laufing_qt

# __author__ = "laufing"

from PyQt5.QtGui import QIcon, QPixmap, QCursor, QKeyEvent
from PyQt5 import QtGui
from PyQt5.QtCore import Qt
from PyQt5.QtWidgets import QWidget,QSlider, QApplication, QLabel, QDesktopWidget, QPushButton
import sys


class MySlider(QSlider):
    def __init__(self, *args, **kwargs):
        super(MySlider, self).__init__(*args, **kwargs)
        self.set_label()

    def set_label(self):
        self.label = QLabel()
        self.label.setStyleSheet("color: red;")
        self.label.setText("0")

    # 鼠标按下时
    def mousePressEvent(self, ev: QtGui.QMouseEvent):
        super(MySlider, self).mousePressEvent(ev)

        print("鼠标按下", ev.pos())

        # 移动label的位置
        self.label.setText(str(self.value()))
        self.label.adjustSize()
        x = self.width() // 2 - self.label.width() // 2
        y = ev.y() - self.label.height() // 2
        self.label.move(x, y)
        self.label.setParent(self)
        self.label.show()

    # 鼠标移动时
    def mouseMoveEvent(self, ev: QtGui.QMouseEvent):
        super(MySlider, self).mouseMoveEvent(ev)

        print("鼠标移动", ev.y())


        # 鼠标移动时，标签值随着移动
        self.label.setText(str(self.value()))
        self.label.adjustSize() # 动态大小
        if 0 + self.label.height()//2 <= ev.y() <= 200 - self.label.height()//2:
            # 移动label
            x = self.width()//2 - self.label.width()//2
            y = ev.y() - self.label.height()//2
            self.label.move(x, y)

    def mouseReleaseEvent(self, ev: QtGui.QMouseEvent):
        super(MySlider, self).mouseReleaseEvent(ev)

        print("鼠标释放")
        self.label.hide()


class Window(QWidget):
    def __init__(self):
        super(Window, self).__init__()
        # 窗口标题
        self.setWindowTitle("laufing[*]")
        # 窗口图标
        pixmap = QPixmap("./imgs/dog.jpg").scaled(50, 50)
        icon = QIcon(pixmap)
        # icon.addPixmap(pixmap, QIcon.Normal, QIcon.Off)
        self.setWindowIcon(icon)

        # 设置宽高
        self.resize(500, 600)

        # 窗口居中
        desktop_geo = QDesktopWidget().geometry()
        width, height = desktop_geo.width(), desktop_geo.height()
        self.move(width / 2 - self.width() / 2, height / 2 - self.height() / 2)


        # 设置文本
        # self.label = QLabel(self)
        # self.label.setText("0")
        # self.label.setStyleSheet("color: red;")
        # self.label.move(220, 350)
        self.set_ui()

    def set_ui(self):
        slider = MySlider(self)
        slider.resize(50, 200)
        # 绝对定位
        slider.move(200, 200)
        # 设置刻度
        slider.setTickPosition(QSlider.TickPosition.TicksBothSides)
        slider.setTickInterval(5)
        # 最小值
        slider.setMinimum(0)
        # 最大值
        slider.setMaximum(100)
        # 步长
        slider.setSingleStep(5)
        # slider.setPageStep(10)

        # 信号
        self.slider = slider
        slider.valueChanged.connect(self.showValue)
        # slider.sliderMoved.connect(self.moved)  # 也是传入的值
        # slider.sliderPressed.connect()
        # slider.sliderReleased.connect()

    def showValue(self, val):
       print("值改变了:", val)


if __name__ == '__main__':
    import time
    # 窗口应用程序
    app = QApplication(sys.argv)

    window = Window()
    window.show()

    status_code = app.exec_()
    sys.exit(status_code)

 
 

QScrollBar 滚动条

如下，a为滚动条，c为滚动区域（如0-100），pageStep=50，两步则滚动结束。
在这里插入图片描述

在这里插入图片描述

def set_ui(self):
    # 默认垂直方向的
    sb = QScrollBar(self)
    sb.resize(30, 100)
    sb.move(200, 200)

    # 水平方向的滚动条
    sb2 = QScrollBar(Qt.Orientation.Horizontal, self)
    sb2.resize(100, 30)
    sb2.move(200, 300)
	# 获取键盘输入
	sb.grabKeyboard()

QDial

圆形刻度盘，选择刻度值，继承QAbstractSlider。

dl = QDial(self)  # 圆形刻度盘
dl.resize(100, 100)
dl.move(200, 300)

# 信号
dl.sliderPressed.connect(lambda : print("滑块按下..."))
dl.sliderMoved.connect(lambda : print("滑块移动"))
dl.sliderReleased.connect(lambda : print("滑块释放..."))
dl.valueChanged.connect(lambda val: print("当前值：", val))

# 值范围
dl.setMaximum(0)
dl.setMaximum(100)
# dl.setRange(0, 100)

# 显示刻度 可见
dl.setNotchesVisible(True)
# 大刻度控制
dl.setPageStep(5)
# 设置包裹  周边均设置刻度，循环转动(默认不能循环转动)
dl.setWrapping(False)

# 刻度之间的像素值
dl.setNotchTarget(20)
print("获取刻度之间的像素值：", dl.notchSize())

 
 

QRubberBand

橡皮筋控件，实现鼠标选区，结合鼠标事件实现。
在这里插入图片描述

# 实例化橡皮筋控件
rb = QRubberBand(QRubberBand.Shape.Rectangle, self)
# 设置尺寸
rb.setGeometry(x, y, width, height)
rb.setGeometry(QRect)

rb.setGeometry(0,0, 200, 200)
rb.move(200, 200)

# 不可直接显示， 需结合鼠标事件

实现如下案例:
在这里插入图片描述


class Window(QWidget):
    def __init__(self):
        super(Window, self).__init__()
        # 窗口标题
        self.setWindowTitle("laufing[*]")
        # 窗口图标
        pixmap = QPixmap("./imgs/dog.jpg").scaled(50, 50)
        icon = QIcon(pixmap)
        # icon.addPixmap(pixmap, QIcon.Normal, QIcon.Off)
        self.setWindowIcon(icon)

        # 设置宽高
        self.resize(500, 600)

        # 窗口居中
        desktop_geo = QDesktopWidget().geometry()
        width, height = desktop_geo.width(), desktop_geo.height()


        self.move(width / 2 - self.width() / 2, height / 2 - self.height() / 2)

        # 显示界面
        self.set_ui()
        # 展示登录页面
        self.login(False)

    def set_ui(self):
        # 展示多个复选框
        for i in range(30):
            cb = QCheckBox(self)
            cb.setText(str(i))
            cb.move(i%4 * 50, i//4 * 60)

        # 初始化一个橡皮筋控件
        self.rb = QRubberBand(QRubberBand.Shape.Rectangle, self)

    # 重写 鼠标事件函数
    def mousePressEvent(self, a0: QtGui.QMouseEvent):
        super(Window, self).mousePressEvent(a0)
        print("鼠标按下....")
        #  设置尺寸，并展示
        self.origin_pos = a0.pos()
        self.rb.setGeometry(QRect(self.origin_pos, QSize()))  # QSize 不传值就是宽高为0
        # 展示
        self.rb.show()

    # 鼠标移动事件
    def mouseMoveEvent(self, a0: QtGui.QMouseEvent):
        super(Window, self).mouseMoveEvent(a0)
        print("鼠标移动了...")
        # 鼠标移动时，重新设置尺寸
        # QRect(x, y, width, height)
        self.rb.setGeometry(QRect(self.origin_pos, a0.pos()).normalized())  # normalized解决反向选取

    # 鼠标释放事件
    def mouseReleaseEvent(self, a0: QtGui.QMouseEvent):
        # 令选中的复选框  切换状态
        # 选中的区域
        selected_area = self.rb.geometry()

        #
        for child in self.findChildren(QCheckBox):
            #  选中的区域是否包含 子控件区域
            if selected_area.contains(child.geometry()):  # child.inherits("QCheckBox")
                # 包含 ，则切换状态
                child.toggle()

        # 隐藏橡皮筋控件
        self.rb.hide()

 

展示登录页面

# __author__ = "laufing"
# class_based_qt
# laufing_qt

# __author__ = "laufing"

from PyQt5.QtGui import QIcon, QPixmap, QCursor, QKeyEvent
from PyQt5 import QtGui
from PyQt5.QtCore import Qt
from PyQt5.QtCore import QRect, QSize, QPoint
from PyQt5.QtWidgets import QWidget, QHBoxLayout, QVBoxLayout, QFrame, QLineEdit, QTextEdit, QSlider, QRubberBand, QDial, QDialog, QDateTimeEdit, QRubberBand, QDial, QScrollBar, QApplication, QLabel, QDesktopWidget, QPushButton
from PyQt5.QtCore import pyqtSignal
import sys


class Window(QWidget):
    def __init__(self):
        super(Window, self).__init__()
        # 窗口标题
        self.setWindowTitle("laufing[*]")
        # 窗口图标
        pixmap = QPixmap("./imgs/dog.jpg").scaled(50, 50)
        icon = QIcon(pixmap)
        # icon.addPixmap(pixmap, QIcon.Normal, QIcon.Off)
        self.setWindowIcon(icon)

        # 设置宽高
        self.resize(500, 600)

        # 窗口居中
        desktop_geo = QDesktopWidget().geometry()
        width, height = desktop_geo.width(), desktop_geo.height()


        self.move(width / 2 - self.width() / 2, height / 2 - self.height() / 2)

        # 显示界面
        self.set_ui()
        # 展示登录页面
        self.login(True)

    def set_ui(self):
        # 实例化橡皮筋控件
        rb = QRubberBand(QRubberBand.Shape.Rectangle, self)
        rb.setGeometry(QRect(QPoint(0, 0), QSize(200, 200)))
        rb.move(200, 200)

    # 登录页面
    def login(self, show=True):
        # 边框
        self.login = QFrame()
        # 设置边框样式
        self.login.setFrameStyle(QFrame.Shape.Box | QFrame.Shadow.Sunken)
        self.login.resize(400, 500)  # 注意与父窗口的大小
        # 输入用户名
        self.login.hb = QHBoxLayout()
        self.login.username = QLabel("用户名:")
        self.login.username.adjustSize()
        self.login.username_le = QLineEdit()
        self.login.username_le.setPlaceholderText("输入用户名")
        self.login.username_le.resize(200, 50)

        self.login.hb.addWidget(self.login.username)
        self.login.hb.addWidget(self.login.username_le)

        # 用户密码 水平盒子
        self.login.hb2 = QHBoxLayout()
        # 密码等控件
        self.login.password = QLabel("密码:")
        self.login.password.adjustSize()
        self.login.password_le = QLineEdit()
        self.login.password_le.setPlaceholderText("输入密码")
        self.login.password_le.resize(200, 50)
        # 将密码等控件 放入水平盒子
        self.login.hb2.addWidget(self.login.password)
        self.login.hb2.addWidget(self.login.password_le)


        # 登录的按钮
        self.login.btn = QPushButton("登录")
        self.login.btn.resize(200, 200)
        self.login.btn.setStyleSheet("QPushButton{ color: blue; border: 3px dashed pink; border-radius: 20px;}")

        # 垂直盒子
        self.login.vb = QVBoxLayout()
        self.login.vb.addLayout(self.login.hb)  # 添加水平盒子
        self.login.vb.addLayout(self.login.hb2)
        self.login.vb.addWidget(self.login.btn)  # 添加控件

        self.login.setLayout(self.login.vb)
        # self.login.password = QLabel("密码:", self.login)

        # 登录页面的展示
        if show:
            self.login.setParent(self)
            self.login.setStyleSheet("background-color: lightblue;")
            # print("xxxx：", self.login.width())
            # 登录页面的居中布局
            self.login.move(self.width()//2 - self.login.width()//2, self.height()//2 - self.login.height()//2)
            self.login.show()

        else:
            self.login.hide()




if __name__ == '__main__':
    import time
    # 窗口应用程序
    app = QApplication(sys.argv)

    window = Window()
    window.show()

    status_code = app.exec_()
    sys.exit(status_code)
laufing
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
QT之QSlider重写鼠标事件
qq_41071758的博客
02-15 2040
QSlider的鼠标、滑轮事件函数重写操作。
PyQt5基本控件详解之QSlider（十一）
jia666666的博客
08-09 1万+
QSlider 前言： QSlider控件提供一个垂直或者水平的滑动条，滑动条是一个用于控制有界值典型的控件，它允许用户沿水平或者垂直方向在某一范围内移动滑块，并将滑块所在的位置转换为一个合法范围内的整数值，有时候这中方式比输入数字或者使用SpinBox（计数器·）更加自然，在槽函数中对滑块所在位置的处理相当于从整数之间的最小值和最高值进行取值 一个滑块条控件可以以垂直或者水平的...
QT笔记- 如何判断窗口小部件是否自动出现（或隐藏）了滑条？
qq_43058397的博客
11-26 657
如果使用的小部件是派生自类QAbstractScrollArea的，比如QTreeView，则在窗口内容过多或窗口宽高过小时，窗口或小部件边缘会自动出现水平或垂直滑条，过大时滑条会自动消失，那么在编程中我们如何知道此刻是否出现了滑条？有什么函数来提示吗？以下函数可以解决这个问题： this->horizontalScrollBar()->isVisible(); 可在QAbstractScrollArea的任意派生类中调用它！ ...
PyQt学习——day5
qq_43641752的博客
12-15 494
文章目录模型视图机制自定义listmodel自定义tableModel自定义treeModel使用标准模型代理模型代表 模型视图机制 优势：相较于基于widget的模型，model/view的在最大好处在于共享data，一份data，可以被多个view使用，实现信息同步更新；而如果想利用widget做到这点，就必需手动去设置复杂的信号槽关系。 劣势：相关的概念较多，上手比较困难。 自定义listmodel 继承QAbstractListModel 结构：rowCount() 显示：data() 编辑：fl
pyqt5中的tableWidget添加checkBox、comboBox
热门推荐
u014115390的博客
10-03 2万+
添加checkBox QTableWidgetItem有CheckState属性，既能显示QCheckBox，也能读取状态 self.check = QtWidgets.QTableWidgetItem() #把checkBox设为未选中状态 self.check.setCheckState(QtCore.Qt.Unchecked) #在(x,y)添加checkBox self.tableWidg...
Python Gui编程-PyQt5开发与实战
06-19
本门课程需要有python基础,从零基础带大家学习pyhon gui 编程,从界面设计到 初级控件,高级控件,信号和槽,事件,数据库,pyqt matplotlib来学习pyqt5.非常丰富的项目实战案例,股票看板,视频播放器,音乐播放器员工管理...
create-gui-applications-pyqt5.pdf
03-24
create-gui-applications-pyqt5.pdf
《PYTHON QT GUI快速编程---PYQT编程指南》源码
01-22
《PYTHON QT GUI快速编程---PYQT编程指南》，其英文原版书名为：《Rapid GUI Programming with Python and Qt》随书源码。
1-Python-PyQt5
02-13
1-Python-PyQt5
pyqt5,pyqt5-tools
10-16
包含：pyqt5_tools-5.15.0.1.7-cp37-cp37m-win_amd64.whl，PyQt5-5.15.0-5.15.0-cp35.cp36.cp37.cp38-none-win_amd64.whl
PyQt5每天必学之滑块控件QSlider
12-24
QSlider 是一个具有可来回拉动手柄的控件。有时使用滑块比输入数字或使用旋转框更方便。 在我们的例子中，我们将创建一个滑块和一个标签。标签显示图像。滑块将控制标签显示的图像。 #!/usr/bin/python3 # -*- coding: utf-8 -*- """ PyQt5 教程 这个例子显示了一个QSlider控件的使用方法。 作者：我的世界你曾经来过 博客：http://blog.csdn.net/weiaitaowang 最后编辑：2016年8月3日 """ import sys from PyQt5.QtWidgets import QApplication, QWidge
QT报表开发（limereport + QAbstractTableModel）
qq_22000089的博客
11-14 2440
limereport是俄罗斯人QT开发的报表设计器，功能很强大，简单容易上手。网上有编译和读取数据库的教程，在此我不累述，本文主要介绍通过Qt的tablemode加载数据。
PyQt5 使用 QAbstractTableModel 和 QTableView 组件实现分页效果展示
小鹏要逆袭的博客
04-17 6436
1.背景 项目中需要实现一个历史消息分页查看的功能，并能够对消息进行删除的操作。换做是在web网站里面，这是一个非常常规的功能，但是如何在桌面应用程序做到这一点，还需要花点心思去探索一下。不过无论桌面应用程序还是html网页，本质上开发的思路没有任何的区别。需要克服的难点问题就是，如何使用PyQt5 的组件来实现上述的功能。通过查阅QT的的资料文档，找到了两个组件可以实现这样的功...
PyQt5之QSlider滑动条
qq_44880255的博客
06-25 6445
PyQt5之QSlider滑动条 QSlider控件提供了一个垂直或水平的滑动条，滑动条是一个用于控制有界值的典型控件，它允许用户沿水平或垂直方向在某一范围内移动滑块，并将滑块所在的位置转换成一个合法范围内的整数值。 一、QSlider类中的常用方法 方法 描述 setMinimum() 设置滑动条控件的最小值 setMaximum() 设置滑动条控件的最大值 setSingleStep() 设置滑动条控件递增/递减的步长值 setValue() 设置滑动条控件的值 va
PyQt5 QSlider滑动条
SongYuLong
11-21 373
【代码】PyQt5 Slider滑动条。
七、PyQt5实现Python界面设计_滑块控件（QSlider）与计数器控件（QSpinBox）
m0_59160272的博客
08-26 1671
1、水平或者垂直的滑动控件，一般用来设置数字，快速滑动来调整数字2、用给定的parent构造一个垂直的滑块。用给定的parent构造一个滑块。方向参数确定滑块是水平的还是垂直的。有效值是Vertical和Horizo​​n1、QSpinBox计数器控件同样有快速设置数字的用处，区分于滑动控件，它可以进行直接的输入填写2、构造一个旋转框，其最小值为0，最大值为99，步进值为1。该值初始设置为0。它是parent的父级。（2）常用函数。.........
python qt eric 中如何加入具有两个滑动块的Slider（range slider）
Kp0fS的草稿纸
08-05 1588
关键词： rangeSlider、Two sliders、Qt5 Double range slider 参考： https://github.com/liuleidong/testQxtSpanSlider.git https://www.jianshu.com/p/f2468da0a199 RangeSlider QML Type https://doc.qt.io/qt-5...
从零开始学Pyqt5之【控件介绍】（9）：QSlider滑动条控件
阿旭的博客
04-24 1432
从零开始学Pyqt5之【控件介绍】（9）：QSlider滑动条控件QSlider控件的作用QSlider控件常用方法QSlider控件常用信号代码示例 QSlider控件的作用 QSlider 控件提供了一个垂直或水平的滑动条，滑动条是一个用于控制有界值的典型控件，它允许用户沿水平或垂直方向在某一范围内移动滑块，并将滑块所在的位置转换成一个合法范围内的整数值。 创建水平显示的滑动条 self.sp = Qslider(Qt.Horizontal) 创建垂直显示的滑动条 self.sp = Qslider(
Qt QSlider点击和拖动
愿成冬天里一阵温暖的南风~~
11-09 1万+
终于有时间写点东西了~~自从毕业到现在仅仅4个月我却在两个公司上过班了。才做了不到两个月的工作辞掉了，为了自己的兴趣，在这里鼓励有强烈追求的人勇敢的做自己想做的事，做自己喜欢的工作！ 来到一个新公司，老大要求用qt还有opengl做一个yuv播放器，完全没接触过这些，不过经过自己的努力在半个多月还是弄出来了~问题众多，下面就Qt的QSlider遇到的问题来讲讲希望对新手有点帮助！ 在Qt中Qs
pyqt5-sip和pyqt5的区别
最新发布
03-21
总结来说，PyQt5是一个完整的GUI库，而pyqt5-sip是PyQt5的一个辅助工具，用于生成Python绑定代码。PyQt5提供了丰富的GUI组件和功能，而pyqt5-sip负责将Qt库的功能映射到Python中。它们通常一起使用，以便在Python中...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

laufing

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值