ToB企服应用市场:ToB评测及商务社交产业平台

标题: Qt学习第二篇（基本小组件的使用） [打印本页]

---

作者: 没腿的鸟    时间: 2024-5-20 18:20
标题: Qt学习第二篇（基本小组件的使用）
Qt_2

小部件是 GUI 的基本元素。 它也称为UI 控件。 它接受来自底层平台的不同用户事件，如鼠标和键盘事件(以及其他事件)。 我们使用不同的小部件创建 UI。 曾经有一段时间，所有的 GUI 控件都是重新开始编写的。 Qt 小部件通过开发具有现成的 GUI 控件的桌面 GUI 来收缩时间，而且 Qt 广泛使用继承的概念。 所有小工具都继承自QObject。 QWidget是一个基本小部件，是所有 UI 小部件的基类。 它包罗形貌小部件所需的大多数属性，以及几何图形、颜色、鼠标、键盘行为、工具提示等属性。 让我们看看下图中的QWidget继承层次结构：

大多数 Qt 小部件名称都是不言而喻的，因为它们以q开头，所以很容易识别。 下面列出了此中的一些内容：

• QPushButton是用于下令应用实行某个操纵。
  
• QCheckBox允许用户做出二元选择。
  
• QRadioButton允许用户从一组互斥选项中仅选择一个。
  
• QFrame显示帧。
  
• QLabel用于显示文本或图像。
  
• QLineEdit允许用户输入和编辑单行纯文本。
  
• QTabWidget用于显示与选项卡式小部件堆栈中的每个选项卡相关的页面。
  

使用 Qt 小部件的优势之一是它的育儿系统。 从QObject继承的任何对象都具有父子关系。 这种关系给开发人员带来了很多便利，例如：

• 当小部件被销毁时，由于父子层次结构，它的所有子部件也会被销毁。 这避免了内存走漏。
  
• 您可以使用findChild()和findChildren()查找给定QWidget类的子类。
  
• Qwidget中的子构件主动出现在父构件内部。
  

典型的 C++ 程序在 Main 返回时终止，但在 GUI 应用中我们不能这样做，否则应用将无法使用。 因此，我们需要 GUI 一直存在，直到用户关闭窗口。 要实现这一点，程序应该循环运行，直到发生这种环境。 GUI 应用等待用户输入事件。

1. #include "mainwindow.h"
3. #include <QApplication>
4. #include <QLabel>
5. int main(int argc, char *argv[])
6. {
7.     QApplication a(argc, argv);
8.     QLabel myLabel;
9.     myLabel.setText("I love regina");
10.     //MainWindow w;
11.     myLabel.show();
12.     return a.exec();
13. }

复制代码

接下来挨个实现一下前面的底子模块的使用方式：
QPushButton

1. #include "mainwindow.h"
3. #include <QApplication>
4. #include <QLabel>
5. #include <QPushButton>
7. void mySlot() {
8.     qDebug() << "regina kissed!";
9.     /*qDebug() 是 Qt 框架中用于调试输出的函数，它用于将调试信息输出到控制台。在你的示例中，mySlot() 是一个槽函数，用于处理按钮点击事件。在槽函数中调用 qDebug() 是一种常见的做法，可以在控制台输出一些调试信息，以便于开发人员调试和排查问题。*/
10. }
11. int main(int argc, char *argv[])
12. {
13.     QApplication a(argc, argv);
14.     QPushButton *mybutton = new QPushButton("click my sister regina");
15.     // 将按钮的点击事件连接到槽函数
16.     QObject::connect(mybutton,&QPushButton::clicked,&mySlot);
17.     /*mybutton 是发出信号的对象，也就是 QPushButton 对象。
18.     &QPushButton::clicked 是要连接的信号，表示当按钮被点击时发出的信号。
19.     &mySlot 是槽函数的地址，表示当按钮被点击时要调用的函数。*/
20.     mybutton->show();
21.     return a.exec();
22. }

复制代码

QCheckBox

1. #include "mainwindow.h"
3. #include <QApplication>
4. #include <QLabel>
5. #include <QPushButton>
6. #include <QCheckBox>
7. #include <QVBoxLayout>
8. void mySlot() {
9.     qDebug() << "regina kissed!";
10. }
11. int main(int argc, char *argv[])
12. {
13.     QApplication a(argc, argv);
14.     /*QLabel myLabel;
15.     myLabel.setText("I love regina");
16.     //MainWindow w;
17.     myLabel.show();*/
18.     QPushButton *mybutton = new QPushButton("click my sister regina");
19.     // 将按钮的点击事件连接到槽函数
20.     QObject::connect(mybutton,&QPushButton::clicked,&mySlot);
21.     /*mybutton 是发出信号的对象，也就是 QPushButton 对象。
22.     &QPushButton::clicked 是要连接的信号，表示当按钮被点击时发出的信号。
23.     &mySlot 是槽函数的地址，表示当按钮被点击时要调用的函数。*/
24.     QWidget *widget = new QWidget;
25.     QVBoxLayout *layout = new QVBoxLayout(widget); //创建垂直布局管理器
26.     QCheckBox *checkBox = new QCheckBox("kiss regina", widget);
27.     checkBox->setChecked(false);//默认为不选
28.     layout->addWidget(checkBox);
29.     layout->addWidget(mybutton);
30.     widget->setLayout(layout);
31.     widget->show();
32.     //mybutton->show();
33.     return a.exec();
34. }

复制代码

QRadioButton

1. QRadioButton *radioButton = new QRadioButton("Radio Button Text", widget);
2. //获取和设置选中状态
3. bool ischecked = radioButton->isChecked();
4. radioButton->setChecked(true);

复制代码

QFrame

• 创建帧：QFrame *frame = new QFrame(parent);
  
• 设置帧的样式和属性：frame->setFrameShape(QFrame::Box);, frame->setFrameShadow(QFrame::Sunken);
  

QFrame 类用于创建框架，可以在界面中用作容器或用于装饰其他小部件。setFrameShape() 和 setFrameShadow() 是 QFrame 类的两个方法，分别用于设置框架的形状和阴影效果。除了这两个方法之外，QFrame 类还有其他一些属性可以设置，例如：

• setLineWidth(int width)：设置框架的线宽度。
  
• setMidLineWidth(int width)：设置框架中心线的宽度（当框架形状为 QFrame::StyledPanel 时可见）。
  
• setFrameStyle(int style)：设置框架的风格，可以使用 QFrame:: 前缀的常量来指定不同的风格。
  
• setFrameRect(const QRect &rect)：设置框架的矩形地区。
  
• setAutoFillBackground(bool enabled)：设置是否主动填充配景。
  
• setSizePolicy(QSizePolicy:olicy horizontal, QSizePolicy:olicy vertical)：设置框架的大小策略。
  
• setContentsMargins(int left, int top, int right, int bottom)：设置框架内部内容的边距。
  

1. QFrame *frame = new QFrame(widget);
2. frame->setFrameShape(QFrame::Panel);
3. frame->setFrameShadow(QFrame::Raised);
4. frame->setLayout(layout);

复制代码

QLabel

1.     QLabel *label = new QLabel("label text",widget);
2.     label->setText("regina label");
3.     label->setPixmap(QPixmap("D:\\厦门Day2\\IMG_0958.JPG"));
4.     layout->addWidget(label);

复制代码

QLineEdit

QLineEdit 是 Qt 框架中提供的一个用于输入和编辑单行文本的小部件（widget）。它允许用户在一个单行的文本框中输入、编辑和获取文本内容。
使用 QLineEdit，你可以创建一个单行编辑框，用户可以在此中输入文本。可以通过调用 setText() 方法来设置初始文本内容，并通过调用 text() 方法来获取当前文本内容。

1. // 创建单行编辑框
2. QLineEdit *lineEdit = new QLineEdit(widget);
5. // 获取和设置文本内容
6. QString text = lineEdit->text(); // 获取文本内容
7. lineEdit->setText("regina linetext"); // 设置文本内容
8. //layout->addWidget(frame);
9. layout->addWidget(lineEdit);

复制代码

以下是 QLineEdit 的几个常用方法：

• setText(const QString &text): 设置文本内容。
  
• text() const: 获取当前文本内容。
  
• setPlaceholderText(const QString &text): 设置占位文本，显示在用户未输入任何内容时的灰色提示笔墨。
  
• setReadOnly(bool readOnly): 设置是否为只读模式，假如设置为 true，则用户无法编辑文本。
  
• clear(): 清除文本内容。
  

别的，你还可以通过信号和槽机制来处置惩罚文本的变化和编辑事件，以及使用样式表来自界说 QLineEdit 的外观。

以下是一个用例：

1. #include <QApplication>
2. #include <QLineEdit>
3. #include <QDebug>
4. #include <QVBoxLayout>
5. int main(int argc, char *argv[]) {
6.     QApplication app(argc, argv);
8.     // 创建一个窗口
9.     QWidget window;  //QWidget *widget = new QWidget;
10.     window.setWindowTitle("qLINE"); //widget->setWindowTitle("qLINE");
11.     // 创建一个单行编辑框
12.     QLineEdit *lineEdit = new QLineEdit(&window);//这里必须是引用
13.     //QLineEdit *lineEdit = new QLineEdit(widget);
14.     lineEdit->setPlaceholderText("请输入内容");
15.     // 设置只读模式
16.     lineEdit->setReadOnly(false);// 设置为 true，则用户无法编辑文本
18.     // 设置初始文本内容
19.     lineEdit->setText("初始文本");
21.     // 清除文本内容
22.     // lineEdit->clear();
24.     // 连接信号与槽函数，当文本发生变化时触发
25.     QObject::connect(lineEdit,&QLineEdit::textChanged,[&](){
26.         QString text = lineEdit->text();
27.         qDebug() << "文本已改变：" << text;
28.     });
30.     // 将单行编辑框添加到窗口中
31.         window.setLayout(new QVBoxLayout);
32.     window.layout()->addWidget(lineEdit);
33.     //QVBoxLayout layout;
34.     //layout.addWidget(lineEdit);
35.     //widget.setLayout(layout);
36.     // 显示窗口
37.     window.show();
39.     // 运行应用程序
40.     return app.exec();
41. }

复制代码

基本的组件使用就讲到这里，剩下的遇到了再积累。之后先容深层次的自界说部件，信号槽函数使用的原理等内容。

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

---

欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/)

Powered by Discuz! X3.4