《快速掌握PyQt5》第十五章 组合框QGroupBox和工具箱QToolBox

已于 2023-04-17 08:56:39 修改
阅读量1.1w 收藏 35
点赞数 11
分类专栏： 《快速掌握PyQt5》 文章标签： PyQt5 Python PyQt PySide Qt
于 2018-09-14 14:41:01 首次发布
本文为博主原创文章，未经博主允许不得转载。
本文链接：https://blog.csdn.net/la_vie_est_belle/article/details/82695938
版权

第十五章 组合框QGroupBox和工具箱QToolBox

15.1 QGroupBox

15.2 QToolBox

15.3 小结 

《快速掌握PyQt5》专栏已整理成书出版，书名为《PyQt编程快速上手》，详情请见该链接。感谢大家一直以来的支持！祝大家PyQt用得越来越顺！

就跟分类一样，我们可以把相同的控件放在一起，也可以把达到某项功能所需要的一些控件放在一起等等，合理运用这两个控件可以让界面更加清晰，用户体验度更好。

15.1 QGroupBox

我们来升级一下在第七章制作的开关灯泡小程序，完成后截图如下：

可以看出在这个程序中，左边的QGroupBox放着On和Off按钮，而右边的QGrouoBox则放着各种颜色按钮。该程序不仅可以开关灯泡，还可以改变灯泡的颜色，代码如下：

import sys
from PyQt5.QtCore import Qt
from PyQt5.QtGui import QPixmap
from PyQt5.QtWidgets import QApplication, QWidget, QGroupBox, QRadioButton, QLabel, QHBoxLayout, QVBoxLayout


class Demo(QWidget):
    def __init__(self):
        super(Demo, self).__init__()
        self.groupbox_1 = QGroupBox('On and Off', self)                       # 1
        self.groupbox_2 = QGroupBox('Change Color', self)

        self.red = QRadioButton('Red', self)                                  # 2
        self.blue = QRadioButton('Blue', self)
        self.green = QRadioButton('Green', self)
        self.yellow = QRadioButton('Yellow', self)
        self.color_list = [self.red, self.blue, self.green, self.yellow]

        self.on = QRadioButton('On', self)                                    # 3
        self.off = QRadioButton('Off', self)

        self.pic_label = QLabel(self)                                         # 4

        self.h1_layout = QHBoxLayout()
        self.h2_layout = QHBoxLayout()
        self.h3_layout = QHBoxLayout()
        self.all_v_layout = QVBoxLayout()

        self.layout_init()
        self.radiobutton_init()
        self.label_init()

    def layout_init(self):
        self.h1_layout.addWidget(self.on)
        self.h1_layout.addWidget(self.off)
        self.groupbox_1.setLayout(self.h1_layout)

        self.h2_layout.addWidget(self.red)
        self.h2_layout.addWidget(self.blue)
        self.h2_layout.addWidget(self.green)
        self.h2_layout.addWidget(self.yellow)
        self.groupbox_2.setLayout(self.h2_layout)

        self.h3_layout.addWidget(self.groupbox_1)
        self.h3_layout.addWidget(self.groupbox_2)

        self.all_v_layout.addWidget(self.pic_label)
        self.all_v_layout.addLayout(self.h3_layout)

        self.setLayout(self.all_v_layout)

    def radiobutton_init(self):                                              
        self.yellow.setChecked(True)                                         # 5
        for btn in self.color_list:
            btn.clicked.connect(self.change_color_func)

        self.off.setChecked(True)                                            # 6
        self.off.toggled.connect(self.on_and_off_func)

    def label_init(self):                                                    # 7
        self.pic_label.setPixmap(QPixmap('images/Off.png'))
        self.pic_label.setAlignment(Qt.AlignCenter)

    def change_color_func(self):
        if self.on.isChecked():
            path = 'images/{}.png'.format([btn.text() for btn in self.color_list if btn.isChecked()][0])
            self.pic_label.setPixmap(QPixmap(path))

    def on_and_off_func(self):
        if self.on.isChecked():
            path = 'images/{}.png'.format([btn.text() for btn in self.color_list if btn.isChecked()][0])
            self.pic_label.setPixmap(QPixmap(path))
        else:
            self.pic_label.setPixmap(QPixmap('images/Off.png'))


if __name__ == '__main__':
    app = QApplication(sys.argv)
    demo = Demo()
    demo.show()
    sys.exit(app.exec_())

1. 实例化两个QGroupBox组合框，第一个用来放置On和Off单选按钮，第二个用来放置各种颜色按钮；

2. 实例化各个颜色按钮，并将它们放在一个列表中，方便之后使用列表推导式来简化代码；

3. 实例化On和Off单选按钮；

4. 实例化一个QLabel控件，用于显示图片；

5.  在radiobutton_init()函数中，我们先将yellow单选按钮设置为已点击状态，然后用各个颜色按钮的clicked信号与自定义的槽函数change_color_func()连接起来。

在下面这个槽函数中，我们先判断On单选按钮是否是已点击状态(因为如果电源没开的话，灯泡颜色是不会变化的) ，如果是的话则获取图片路径path，然后将QLabel设为相应的图片，这里我们详细分析下。

def change_color_func(self):
    if self.on.isChecked():
        path = 'images/{}.png'.format([btn.text() for btn in self.color_list if btn.isChecked()][0])
        self.pic_label.setPixmap(QPixmap(path))

首先以下列表推导式循环判断是哪一个颜色按钮处于点击状态，然后将该按钮的显示文本获取过来。

[btn.text() for btn in self.color_list if btn.isChecked()][0]

接着将相应的颜色放进字符串中 ，比如Red单选按钮处于点击状态，则path为'images/Red.png'。

path = 'images/{}.png'.format([btn.text() for btn in self.color_list if btn.isChecked()][0]

最后将QLabel设为相应的颜色：

self.pic_label.setPixmap(QPixmap(path))

6. 将Off按钮设为点击状态，然后将它的toggled信号与自定义的槽函数连接起来(槽函数原理与5中类似，不再讲解)；

7. 将刚开始显示的QLabel图片设置为Off.png，然后让其居中显示。

图片下载地址(注意因为路径为'images/xxx.png，所以这些图片都要放在项目中的images文件夹下)：

运行截图如下，点击On按钮灯泡亮起：

 点击其他按钮换种颜色：

如果刚开始处于Off状态，我们想一开始显示的就是红色灯泡，则先选中Red，然后再点击On：

我们发现左边的On和Off单选按钮与右边的各颜色按钮互不影响(单选按钮就是每次只能有一个按钮被选中)，这就是QGroupBox带来的效果，左右两边各司其职。

15.2 QToolBox

QToolBox工具箱，这个工具箱有很多抽屉，每次只能打开一个，抽屉里可以放很各种各样的东西。我们知道QQ上有很多分组，然后每个分组下可以放很多联系人：

点开我的好友分组，该分组下放着相应的联系人：

 

我们现在用QToolBox工具来实现类似样式，代码如下：

import sys
from PyQt5.QtGui import QIcon
from PyQt5.QtWidgets import QApplication, QToolBox, QGroupBox, QToolButton, QVBoxLayout


class Demo(QToolBox):                                           # 1
    def __init__(self):
        super(Demo, self).__init__()
        self.groupbox_1 = QGroupBox(self)                       # 2
        self.groupbox_2 = QGroupBox(self)
        self.groupbox_3 = QGroupBox(self)

        self.toolbtn_f1 = QToolButton(self)                     # 3
        self.toolbtn_f2 = QToolButton(self)
        self.toolbtn_f3 = QToolButton(self)
        self.toolbtn_m1 = QToolButton(self)
        self.toolbtn_m2 = QToolButton(self)
        self.toolbtn_m3 = QToolButton(self)

        self.v1_layout = QVBoxLayout()
        self.v2_layout = QVBoxLayout()
        self.v3_layout = QVBoxLayout()

        self.addItem(self.groupbox_1, 'Couple One')             # 4
        self.addItem(self.groupbox_2, 'Couple Two')
        self.addItem(self.groupbox_3, 'Couple Three')
        self.currentChanged.connect(self.print_index_func)      # 5

        self.layout_init()
        self.groupbox_init()
        self.toolbtn_init()

    def layout_init(self):
        self.v1_layout.addWidget(self.toolbtn_f1)
        self.v1_layout.addWidget(self.toolbtn_m1)
        self.v2_layout.addWidget(self.toolbtn_f2)
        self.v2_layout.addWidget(self.toolbtn_m2)
        self.v3_layout.addWidget(self.toolbtn_f3)
        self.v3_layout.addWidget(self.toolbtn_m3)

    def groupbox_init(self):                                    # 6
        self.groupbox_1.setFlat(True)
        self.groupbox_2.setFlat(True)
        self.groupbox_3.setFlat(True)
        self.groupbox_1.setLayout(self.v1_layout)
        self.groupbox_2.setLayout(self.v2_layout)
        self.groupbox_3.setLayout(self.v3_layout)

    def toolbtn_init(self):                                     # 7
        self.toolbtn_f1.setIcon(QIcon('images/f1.ico'))
        self.toolbtn_f2.setIcon(QIcon('images/f2.ico'))
        self.toolbtn_f3.setIcon(QIcon('images/f3.ico'))
        self.toolbtn_m1.setIcon(QIcon('images/m1.ico'))
        self.toolbtn_m2.setIcon(QIcon('images/m2.ico'))
        self.toolbtn_m3.setIcon(QIcon('images/m3.ico'))

    def print_index_func(self):
        couple_dict = {
            0: 'Couple One',
            1: 'Couple Two',
            2: 'Couple Three'
        }
        sentence = 'You are looking at {}.'.format(couple_dict.get(self.currentIndex()))
        print(sentence)


if __name__ == '__main__':
    app = QApplication(sys.argv)
    demo = Demo()
    demo.show()
    sys.exit(app.exec_())

1. 因为要显示的最终控件也就是QToolBox，所以这里就直接继承QToolBox；

2. 实例化三个QGroupBox控件，目的是将6个头像分别放入这三个QGroupBox中；

3. QToolButton用于显示头像；

4. 通过addItem(QWidget, Str)方法将QGroupBox添加到QToolBox中，第一个参数为要添加的控件，第二个参数是给每个QToolBox抽屉设定的名称；

5. 每当用户点击不同抽屉时，都会触发currentChanged信号，我们将该信号连接到自定义的槽函数上：

def print_index_func(self):
    couple_dict = {
        0: 'Couple One',
        1: 'Couple Two',
        2: 'Couple Three'
    }
    sentence = 'You are looking at {}.'.format(couple_dict.get(self.currentIndex()))
    print(sentence)

通过currentIndex()方法可以获取到当前所点击的抽屉序号，序号从0开始。这里通过字典来获取相应的抽屉名称，然后将其打印出来； 

6. setFlat(True)方法可以让QGroupBox的边框消失；

7. 通过setIcon(QIcon)方法来设置QToolButton的图标；

图片下载(注意因为路径为'images/xxx.png，所以这些图片都要放在项目中的images文件夹下)：

运行截图如下：

每次点击不同的抽屉，控制台都会输出相应的抽屉名：

15.3 小结 

1. QGroupBox组合框和QToolBox工具箱可以很好的用来将界面各部分控件进行归类，让界面更加友好，从而提高用户体验度；

2. 不同QGroupBox中的单选按钮QRadioButton互不影响；

3. QToolBox可以用addItem(QWidget, Str)方法来添加抽屉，每一个抽屉都是一个控件。当用户点击不同抽屉时，会触发currentChanged信号。

欢迎关注我的微信公众号，发现更多有趣内容：

la_vie_est_belle
关注
  • 11
    点赞
  • 踩
  • 35
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
qtoolbox样式设置_《快速掌握PyQt5》第十五章 组合框QGroupBox和工具箱QToolBox
weixin_39741459的博客
11-30 1718
就跟分类一样，我们可以把相同的控件放在一起，也可以把达到某项功能所需要的一些控件放在一起等等，合理运用这两个控件可以让界面更加清晰，用户体验度更好。15.1 QGroupBox我们来升级一下在第七章制作的开关灯泡小程序，完成后截图如下：可以看出在这个程序中，左边的QGroupBox放着On和Off按钮，而右边的QGrouoBox则放着各种颜色按钮。该程序不仅可以开关灯泡，还可以改变灯泡的颜色，代码...
PyQt5每天必学之组合框
01-20
PyQt5 教程 这个例子展示了如何使用QComboBox部件。 作者：我的世界你曾经来过 博客：http://blog.csdn.net/weiaitaowang 最后编辑：2016年8月4日 import sys from PyQt5.QtWidgets import QApplication, QWidget, ...
实战PyQt5: 047-分组框控件QGroupBox
热门推荐
seniorwizard的专栏
11-19 1万+
QGroupBox简介 分组框控件QGroupBox为对界面中的控件分组控制提供了支持，分组框通常带有一个边框和一个标题栏，同时也可以提供键盘快捷键，作为容器部件来使用，在其中可以布置各种窗口部件。分组框的标题通常在上方显示，其位置可以设置为靠左、居中、靠右、自动调整这几种方式之一。布局时可以用作一组控件的容器，但需要注意的是，内部必须使用布局控件（如QBoxLayout）进行布局。 QGroupBox不仅可以将布局分成一个个区域显示，而且还能起到隔绝的作用，在PyQt布局中，通常一个界面中的所有QRa
PyQt5第五部分-高级控件：QGroupBox, QTreeWidget, QListWidget, QTableWidget
u011079613的博客
10-16 2691
这里写目录标题0 前言1 组合框 QGroupBox1.1 方法列表 QGroupBox1.2 示例 进度条2 树形窗口 QTreeWidget2.1 方法列表2.2 示例 通过字典生成树形窗口并打印2.3 示例 两个树形窗口选择项目3 列表窗口 QLisWidget3.1 方法列表3.2 示例 单击触发槽函数4 表格窗口 QTableWidget4.1 方法列表4.2 示例 QTableWidget的基本用法 0 前言 1 组合框 QGroupBox QGroupBox属于QWidget的一种，可以放置布
【Qt 学习笔记】Qt常用控件 | 容器类控件 | Group Box的使用及说明
最新发布
小黄鸭的博客
05-12 927
QGroupBox是Qt框架中的一个窗口小部件，用于组合其他小部件并将它们分组显示。它通常用于创建有组织结构的界面，例如设置对话框或选项面板。QGroupBox可以包含其他小部件，例如按钮、标签、文本框等。通过将这些小部件放置在QGroupBox内部，可以将它们与其他小部件分组在一起，并向用户提供一种直观的界面组织方式。分组框只是⼀个⽤来 “美化界面” 这样的组件, 并不涉及到⽤⼾交互和业务逻辑.
[PyQt5]基本控件10 - 分组框QGroupBox
yurensan的博客
10-25 5155
文章目录效果图完整代码 效果图 完整代码 import sys from PyQt5.QtWidgets import QRadioButton,QGroupBox,QHBoxLayout,QWidget,QApplication,QMainWindow class QGroupBoxDemo(QMainWindow): def __init__(self): super(QGroupBoxDemo, self).__init__() #设置窗口大小
【PyQt小知识 - 4】：QGroupBox分组框控件 - 边框和标题设置
Oh_Python的博客
11-16 3554
QGroupBox 是 PyQt 中的一个小部件，用于创建一个带有标题的组框。可以使用 QGroupBox 将相关控件分组并添加一个标题。
Qt应用开发(基础篇)——组合框容器 QGroupBox
波塞冬的博客
09-11 2330
QGroupBox继承于QWidget，是一个带有标题的组合框架容器控件。QGroupBox组合框容器自带一个顶部标题，一个面板。面板内部展示各种各样的部件，标题用来解释这些部件为什么集合在一起，并且支持键盘快捷方式切换部件焦点。比如下图是一个串口设置的属性，可能包含串口号、波特率、校验位、停止位、开关按钮等信息。QGroupBox一般直接在构造函数设置它的标题，精简解释组合框名称。组合框还可以具有选中checkable。
Pyqt5 QTableWidget/QTableView 行表头添加复选框全选功能
06-29
在PyQt5中，`QTableWidget`和`QTableView`是用于展示表格数据的两种控件。它们都提供了丰富的功能，包括自定义列、行操作以及数据交互。本篇文章将详细探讨如何在`QTableWidget`或`QTableView`的表头中添加复选框，...
PyQt5下拉式复选框QComboCheckBox的实例
12-31
笔者在用PyQt5写GUI时碰到了需要使用下拉式复选框的情况，但是PyQt5中没有相应的组件，而网上找到的方法大多是qt使用的，所以不能直接拿来用。 没办法，在这种让人无奈的情况下，笔者只能根据网上大神们的方法试着...
PyQt5快速开发串口工具
06-29
本课程采用项目驱动的方式直接学习PyQt5，在完成一款串口工具的制作过程中，由浅入深的学习PyQt5，学完本课程后，同学们可以尝试自己设计属于自己的上位机工具。 为什么本课程采用项目驱动方式开发？ 本人大学时期的...
Python 图形界面框架 PyQt5 使用指南
Aai1624的博客
12-09 966
使用Python开发图形界面的软件其实并不多，相对于GUI界面，可能Web方式的应用更受人欢迎。但对于像我一样对其他编程语言比如C#或WPF并不熟悉的人来说，未必不是一个好的工具。 常见GUI框架 PyQt5[1]：Qt[2]是一个跨平台的 C++图形用户界面库。QT一度被诺基亚拥，后出售给芬兰的软件公司Digia Oyj。PyQt5是基于Digia公司Qt5的Python接口，由一组Python模块构成。PyQt5本身拥有超过620个类和6000函数及方法。在可以运行于多个平台，包括：U...
PyQt5_基础控件使用
m0_37967652的博客
02-24 1292
本文内容将持续更新 QGroupBox import sys from PyQt5 import QtCore,QtWidgets class GroupBoxWidget(QtWidgets.QWidget): def __init__(self): super().__init__() self.init_data() self.init_ui() def init_data(self): pass ..
PYQT5 QGroupBox类与主界面类通信
jyhnlyl的博客
12-14 501
PYQT5 QGroupBox类与主界面通信
PyQt5 QGroupBox结合QRadioBox布局
只想整天学习
09-02 4468
QGroupBox不仅可以将布局分成一个个区域显示,而且还能起到隔绝环境的作用,例如在pyqt5中,一个界面中的所用QRadioBox只能选中其中一个,但是将QRadioBox分开布局到QGroupBox中去的话,那么每一个QGroupBox中的QRadioBox就是一个整体,每个QGroupBox只能选中一个QRadioBox,如果一个界面中有多个QGroupBox的话就可以同时选中多个QRad...
5 - PyQt5 控件介绍
LoneJade_的博客
09-11 2233
5 - PyQt5 控件介绍 1、什么是控件 一个程序界面上的各个独立的元素（表现为一块矩形区域），具备不同的功能，比如：用户点击、接收用户输入、展示内容、存放其他控件… 2、基础控件: 2.1 按钮 QPushButton：仅仅用来被点击。 QCommandLinkButton：加上详情。 QRadioButton：单选按钮，可选择某一单独菜单。 QCheckBox：复选框，可以同时选择多个。 2.2 输入控件 纯键盘输入 QLineEdit：单行输入框。 QTextEdit：多行输入框，不
PyQt6 QGroupBox分组框控件
java1234的博客
12-05 647
GroupBox控件又称为分组框控件，主要为其他控件提供分组，并且按照控件的分组来细分窗口的功能。QGroupBox类的常用方法。
QGroupBox 类(组框)
zxf347085420的博客
09-20 1764
/信号， qt5.2。值为： Qt::AlignLeft(左对齐， 默认值)、 Qt::AlignRight (右对齐)、 Qt::AlignHCenter。1、 QGroupBox(组框)，直接继承自 QWidget 类，因此使用该类创建的对象，可作为窗口使用， 组框在外观上是可见的。，若此属性为 true，则只绘制组框顶部的边框(见右图)，也就是说组框左、右和下侧的边框不会被绘制。QQAbstractButton::Click()或 QAbstractButton::animateClick()时。
【pyqt5学习】——groupBox显示matplotlib图像
python_AI_fans的博客
03-19 3684
【pyqt5学习】——groupBox显示matplotlib图像
python网页交互引擎_《快速掌握PyQt5》第三十章 网页交互QWebEngineView
05-30
好的，你的问题是关于《快速掌握PyQt5》第三十章的内容。这一章主要介绍了如何使用PyQt5中的QWebEngineView实现网页交互。QWebEngineView是一个基于Chromium内核的浏览器控件，可以方便地在PyQt5中嵌入网页，并实现...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

la_vie_est_belle

谢谢支持

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

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

打赏作者

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

抵扣说明：

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

余额充值