Qt5实战第二篇：Qt5的基本控件与布局

在Qt5中，控件（widgets）是构建图形用户界面（GUI）的基本元素，而布局（layouts）则用于管理这些控件的位置和大小。了解Qt5的基本控件和布局是开发高效、美观的用户界面的关键。本文将详细介绍Qt5中常用的控件、布局管理器以及如何通过它们来创建用户界面。

Qt5的基本控件

Qt5提供了一系列内置的控件，这些控件可以用于创建各种用户界面元素。以下是一些常用的Qt5控件：

• QPushButton：按钮控件，用于响应用户的点击事件。
• QLabel：标签控件，用于显示文本或图片。
• QLineEdit：单行文本输入框控件，用于接收用户输入的文本。
• QTextEdit：多行文本编辑器控件，提供比QLineEdit更丰富的文本编辑功能。
• QCheckBox：复选框控件，用于表示一个可选项，用户可以选择或取消选择。
• QRadioButton：单选按钮控件，用于表示一组互斥的选项，用户只能选择其中一个。
• QComboBox：下拉列表控件，用于显示一组选项，用户可以从列表中选择一个。
• QSlider：滑块控件，用于允许用户通过拖动滑块来选择值。
• QSpinBox：数字输入框控件，提供了一个带有上下箭头按钮的输入框，用户可以通过点击箭头或输入数字来选择值。
• QDialog：对话框控件，用于显示模态或非模态对话框，以获取用户输入或显示信息。

Qt5的布局管理器

布局管理器用于自动管理控件的位置和大小，以确保用户界面在不同窗口大小和分辨率下都能保持良好的布局。Qt5提供了几种布局管理器：

• QVBoxLayout：垂直布局管理器，将控件垂直排列。
• QHBoxLayout：水平布局管理器，将控件水平排列。
• QGridLayout：网格布局管理器，将控件排列在网格中。
• QStackedLayout：堆叠布局管理器，用于在同一位置堆叠多个控件，但每次只显示一个。
• QSplitter：分割器布局，允许用户拖动分割线来调整相邻控件的大小。

示例：创建包含基本控件和布局的Qt5应用程序

下面将介绍如何使用Qt Creator和Qt5创建一个包含基本控件和布局的简单应用程序。

1.创建新项目：

• 打开Qt Creator，点击“File”->“New File or Project”->“Application”->“Qt Widgets Application”，然后点击“Choose...”。
• 在弹出的对话框中，输入项目名称、项目位置等信息，然后点击“Next”。
• 选择构建套件（通常默认即可），然后点击“Next”。
• 在最后的对话框中，点击“Finish”以创建项目。

2.设计用户界面：

• 在Qt Creator的左侧面板中，双击mainwindow.ui以打开Qt Designer。
• 从左侧的控件工具箱中拖动以下控件到主窗口中，并按照以下顺序排列它们（可以使用布局管理器来自动排列）：
• 一个QLabel控件，用于显示标题。
• 一个QLineEdit控件，用于输入用户名。
• 一个QLineEdit控件，用于输入密码（将EchoMode设置为Password，以隐藏输入字符）。
• 一个QCheckBox控件，用于选择“记住我”选项。
• 一个QPushButton控件，用于提交表单。
• 为了使布局更加美观和自适应，可以选择控件并使用布局管理器（如QVBoxLayout和QHBoxLayout）来组织它们。

3.设置控件属性：

• 选中每个控件，并在右侧的属性编辑器中设置其属性。例如，可以为QLabel设置文本属性，为QLineEdit设置占位符文本属性等。

4.编写代码：

• 在Qt Creator的右侧面板中，双击mainwindow.cpp以打开代码编辑器。
• 在MainWindow类的构造函数中，可以添加信号与槽的连接代码。例如，将按钮的点击信号连接到某个槽函数，该函数可以处理用户提交的表单数据。
• 以下是一个简单的示例槽函数，它会在按钮被点击时在控制台输出用户名和密码（注意：在实际应用中，应避免在控制台输出敏感信息）：

void MainWindow::on_pushButton_clicked()
{
    QString username = ui->lineEdit_username->text();
    QString password = ui->lineEdit_password->text();
    qDebug() << "Username:" << username << ", Password:" << password;
}

复制

• 注意：on_pushButton_clicked()是Qt自动生成的槽函数名称，其中pushButton是按钮控件的对象名称，clicked()是按钮的点击信号。如果你更改了按钮的对象名称或使用了自定义的槽函数名称，请确保在connect()函数中正确指定。

5.构建和运行项目：

• 在Qt Creator中，点击左下角的“Build”按钮（或按Ctrl+B）来构建项目。
• 构建成功后，点击左下角的“Run”按钮（或按Ctrl+R）来运行项目。

6.查看结果：

• 运行项目后，会弹出一个包含标题、用户名输入框、密码输入框、复选框和提交按钮的窗口。输入用户名和密码后点击提交按钮，会在控制台输出输入的用户名和密码。

通过本文的介绍和示例，你已经了解了Qt5中常用的基本控件和布局管理器，并学会了如何使用它们来创建简单的用户界面。接下来，我们会继续学习Qt5的高级控件和布局技巧，以及如何实现更复杂的用户界面交互。