21 组合控件的使用

在上篇中，我们详细介绍了常用组件，如按钮、文本框和标签。今天我们将探讨“组合控件”，这些控件将多个原始控件组合到一起，创造出更复杂的用户界面元素。在学习组合控件的使用之前，建议大家先熟悉上篇中介绍的基本组件。

组合控件通常用于创建用户输入的复杂界面，例如组合框、列表框等。接下来，我们将通过一些具体案例来看如何使用PyQt5中的组合控件。

1. 组合控件概述

组合控件能够将多个控件包裹在一起，提供更复杂和方便的功能。例如，QComboBox（组合框）允许用户从下拉列表中选择一个选项，而QGroupBox（组框）则可以将一组控件放在一个边框内，从而使界面更加整齐。

2. 例子一：QComboBox的使用

QComboBox是一个下拉选择框，用户可以选择一个选项，或自行输入一个值。下面是一个简单的使用案例。

代码示例：

import sys
from PyQt5.QtWidgets import QApplication, QMainWindow, QVBoxLayout, QWidget, QLabel, QComboBox

class ComboBoxExample(QMainWindow):
    def __init__(self):
        super().__init__()
        self.setWindowTitle('QComboBox示例')
        self.setGeometry(300, 300, 400, 200)

        self.label = QLabel('选择一个选项:', self)

        # 创建ComboBox
        self.combo = QComboBox(self)
        self.combo.addItem('选项1')
        self.combo.addItem('选项2')
        self.combo.addItem('选项3')

        # 连接信号与槽
        self.combo.currentIndexChanged.connect(self.on_combobox_changed)

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

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

    def on_combobox_changed(self, index):
        selected_text = self.combo.itemText(index)
        self.label.setText(f'您选择的是: {selected_text}')

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

代码解析

在该示例中，我们创建了一个QComboBox并添加了三个选项。当用户选择不同的选项时，标签会更新显示当前选择的值，这里的关键方法是 currentIndexChanged 事件，它会在选项变化时被触发并调用 on_combobox_changed 方法。

3. 例子二：QGroupBox的使用

QGroupBox通常用于将多个控件组合在一起，并给这些控件定义一个标题。这样做可以帮助用户更好地理解界面的功能。以下是一个示例：

代码示例：

import sys
from PyQt5.QtWidgets import QApplication, QMainWindow, QVBoxLayout, QWidget, QGroupBox, QRadioButton, QLabel

class GroupBoxExample(QMainWindow):
    def __init__(self):
        super().__init__()
        self.setWindowTitle('QGroupBox示例')
        self.setGeometry(300, 300, 400, 200)

        self.label = QLabel('选择一个选项:', self)

        # 创建GroupBox
        self.groupbox = QGroupBox('选择性别', self)
        self.male_rb = QRadioButton('男')
        self.female_rb = QRadioButton('女')

        self.male_rb.toggled.connect(self.on_radio_button_changed)
        self.female_rb.toggled.connect(self.on_radio_button_changed)

        # 布局
        layout = QVBoxLayout()
        layout.addWidget(self.male_rb)
        layout.addWidget(self.female_rb)
        self.groupbox.setLayout(layout)

        # 主布局
        main_layout = QVBoxLayout()
        main_layout.addWidget(self.label)
        main_layout.addWidget(self.groupbox)

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

    def on_radio_button_changed(self):
        if self.male_rb.isChecked():
            self.label.setText('您选择的是: 男')
        elif self.female_rb.isChecked():
            self.label.setText('您选择的是: 女')

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

代码解析

在此示例中，我们创建了一个QGroupBox，并在其中放置了两个单选按钮（QRadioButton）以选择性别。当用户勾选不同的选项时，标签会随之更新，显示当前选择的性别。

4. 小结

通过以上两个例子，我们了解了如何使用QComboBox和QGroupBox这两个组合控件，它们不仅能够提高用户界面的可用性，还能使界面更加整洁。组合控件的使用提升了整体应用的交互体验，使得不同的控件能更好地协作。

在下一篇教程中，我们将深入探讨事件处理，讲解事件的种类和如何处理它们。希望大家保持兴趣，继续学习PyQt5的魅力！