**Course Title:** PySide6 Application Development **Section Title:** Widgets, Layouts, and Events **Topic:** Building a basic form with several widgets and handling user input. (Lab topic) In this lab topic, we will apply the concepts learned in the previous sections to build a basic form that includes several widgets and handles user input. This exercise will help you understand how to design and implement a user-friendly interface using PySide6. **Learning Objectives:** * Design a basic form with multiple widgets using PySide6. * Understand how to handle user input from various widgets. * Learn how to validate user input and display error messages. **Step 1: Creating the Form** First, create a new PySide6 project or open an existing one in your preferred IDE. Create a new file called `basic_form.py` and add the following code: ```python import sys from PySide6.QtWidgets import QApplication, QWidget, QVBoxLayout, QPushButton, QLabel class BasicForm(QWidget): def __init__(self): super().__init__() self.initUI() def initUI(self): self.setGeometry(100, 100, 400, 300) self.setWindowTitle('Basic Form') layout = QVBoxLayout() self.setLayout(layout) label = QLabel('Enter your name:') layout.addWidget(label) # Add more widgets here... button = QPushButton('Submit') layout.addWidget(button) button.clicked.connect(self.onSubmit) def onSubmit(self): # Handle form submission here... print('Form submitted') if __name__ == '__main__': app = QApplication(sys.argv) form = BasicForm() form.show() sys.exit(app.exec()) ``` This code creates a basic window with a label and a button. You'll add more widgets in the next steps. **Step 2: Adding Widgets** Add the following widgets to the form: * `QLineEdit` for the user to enter their name. * `QSpinBox` to select a number. * `QCheckBox` to select an option. * `QComboBox` to select an item from a list (we'll cover this widget in detail in the next topic). Update the `initUI` method to add these widgets: ```python def initUI(self): # ... label = QLabel('Enter your name:') layout.addWidget(label) self.nameEdit = QLineEdit() layout.addWidget(self.nameEdit) spinBox = QSpinBox() spinBox.setRange(1, 100) layout.addWidget(spinBox) checkBox = QCheckBox('Option') layout.addWidget(checkBox) button = QPushButton('Submit') layout.addWidget(button) button.clicked.connect(self.onSubmit) ``` **Step 3: Handling User Input** Update the `onSubmit` method to handle user input from all widgets: ```python def onSubmit(self): name = self.nameEdit.text() number = int(self.findChild(QSpinBox).value()) option = self.findChild(QCheckBox).isChecked() print(f'Name: {name}, Number: {number}, Option: {option}') ``` **Step 4: Validating User Input** Add validation to the `onSubmit` method to ensure the user has entered valid data: ```python def onSubmit(self): name = self.nameEdit.text() if not name: print('Error: Name is required') return number = int(self.findChild(QSpinBox).value()) if number < 1 or number > 100: print('Error: Number is out of range') return option = self.findChild(QCheckBox).isChecked() if not option: print('Error: Option is required') return print(f'Name: {name}, Number: {number}, Option: {option}') ``` **Additional Tips and Resources** * Use the `setValidator` method to set a validator for `QLineEdit` widgets. * Use the `setRange` method to set a range for `QSpinBox` widgets. * Use the `isChecked` method to get the state of a `QCheckBox` widget. * Refer to the [PySide6 documentation](https://www.riverbankcomputing.com/software/pyqt/download) for more information on widgets and their methods. * Experiment with different widgets and layouts to create a more complex form. **Exercise** Create a form that includes the following widgets: * `QLineEdit` for the user to enter their email address. * `QSpinBox` to select a number. * `QCheckBox` to select an option. * `QPushButton` to submit the form. Handle user input from all widgets and validate the data. Leave a comment below if you have any questions or need further clarification. Next Topic: **Advanced Widgets and Forms** - **Advanced widgets: QComboBox, QListWidget, QTableWidget, QTreeView**