Qt学习第二篇(基本小组件的使用)
  3dygdw7fVgD7 28天前 40 0
C++

Qt_2

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

image-20240506212733775

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

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

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

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

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

#include "mainwindow.h"

#include <QApplication>
#include <QLabel>
int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    QLabel myLabel;
    myLabel.setText("I love regina");
    //MainWindow w;
    myLabel.show();
    return a.exec();
}

image-20240506213446849

接下来挨个实现一下前面的基础模块的使用方式:

QPushButton

#include "mainwindow.h"

#include <QApplication>
#include <QLabel>
#include <QPushButton>

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

image-20240506214739368

QCheckBox

#include "mainwindow.h"

#include <QApplication>
#include <QLabel>
#include <QPushButton>
#include <QCheckBox>
#include <QVBoxLayout>
void mySlot() {
    qDebug() << "regina kissed!";
}
int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    /*QLabel myLabel;
    myLabel.setText("I love regina");
    //MainWindow w;
    myLabel.show();*/
    QPushButton *mybutton = new QPushButton("click my sister regina");
    // 将按钮的点击事件连接到槽函数
    QObject::connect(mybutton,&QPushButton::clicked,&mySlot);
    /*mybutton 是发出信号的对象,也就是 QPushButton 对象。
    &QPushButton::clicked 是要连接的信号,表示当按钮被点击时发出的信号。
    &mySlot 是槽函数的地址,表示当按钮被点击时要调用的函数。*/
    QWidget *widget = new QWidget;
    QVBoxLayout *layout = new QVBoxLayout(widget); //创建垂直布局管理器
    QCheckBox *checkBox = new QCheckBox("kiss regina", widget);
    checkBox->setChecked(false);//默认为不选
    layout->addWidget(checkBox);
    layout->addWidget(mybutton);
    widget->setLayout(layout);
    widget->show();
    //mybutton->show();
    return a.exec();
}

image-20240513223406067

QRadioButton

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

image-20240514221632736

QFrame

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

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

  1. setLineWidth(int width):设置框架的线宽度。
  2. setMidLineWidth(int width):设置框架中间线的宽度(当框架形状为 QFrame::StyledPanel 时可见)。
  3. setFrameStyle(int style):设置框架的风格,可以使用 QFrame:: 前缀的常量来指定不同的风格。
  4. setFrameRect(const QRect &rect):设置框架的矩形区域。
  5. setAutoFillBackground(bool enabled):设置是否自动填充背景。
  6. setSizePolicy(QSizePolicy::Policy horizontal, QSizePolicy::Policy vertical):设置框架的大小策略。
  7. setContentsMargins(int left, int top, int right, int bottom):设置框架内部内容的边距。
QFrame *frame = new QFrame(widget);
frame->setFrameShape(QFrame::Panel);
frame->setFrameShadow(QFrame::Raised);
frame->setLayout(layout);

image-20240514230415185

QLabel

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

QLineEdit

QLineEdit 是 Qt 框架中提供的一个用于输入和编辑单行文本的小部件(widget)。它允许用户在一个单行的文本框中输入、编辑和获取文本内容。

使用 QLineEdit,你可以创建一个单行编辑框,用户可以在其中输入文本。可以通过调用 setText() 方法来设置初始文本内容,并通过调用 text() 方法来获取当前文本内容。

// 创建单行编辑框
QLineEdit *lineEdit = new QLineEdit(widget);


// 获取和设置文本内容
QString text = lineEdit->text(); // 获取文本内容
lineEdit->setText("regina linetext"); // 设置文本内容
//layout->addWidget(frame);
layout->addWidget(lineEdit);

image-20240518160547019

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

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

此外,你还可以通过信号和槽机制来处理文本的变化和编辑事件,以及使用样式表来自定义 QLineEdit 的外观。

以下是一个用例:

#include <QApplication>
#include <QLineEdit>
#include <QDebug>
#include <QVBoxLayout>
int main(int argc, char *argv[]) {
    QApplication app(argc, argv);

    // 创建一个窗口
    QWidget window;  //QWidget *widget = new QWidget;
    window.setWindowTitle("qLINE"); //widget->setWindowTitle("qLINE");
    // 创建一个单行编辑框
    QLineEdit *lineEdit = new QLineEdit(&window);//这里必须是引用
    //QLineEdit *lineEdit = new QLineEdit(widget);
    lineEdit->setPlaceholderText("请输入内容");
    // 设置只读模式
    lineEdit->setReadOnly(false);// 设置为 true,则用户无法编辑文本

    // 设置初始文本内容
    lineEdit->setText("初始文本");

    // 清除文本内容
    // lineEdit->clear();

    // 连接信号与槽函数,当文本发生变化时触发
    QObject::connect(lineEdit,&QLineEdit::textChanged,[&](){
        QString text = lineEdit->text();
        qDebug() << "文本已改变:" << text;
    });

    // 将单行编辑框添加到窗口中
        window.setLayout(new QVBoxLayout);
    window.layout()->addWidget(lineEdit);
    //QVBoxLayout layout;
    //layout.addWidget(lineEdit);
    //widget.setLayout(layout);
    // 显示窗口
    window.show();

    // 运行应用程序
    return app.exec();
}

image-20240518165902894

image-20240518165931928

image-20240518165956547

QTabWidget

QTabWidget 是 Qt 框架中的一个部件(widget),用于创建具有选项卡(tab)界面的容器。它提供了一种将多个页面组织在一起并以选项卡的形式进行切换的方式。

QTabWidget *tabWidget = new QTabWidget(widget);// 创建选项卡小部件
// 创建选项卡页面 1
QWidget *page1 = new QWidget();
QVBoxLayout *page1Layout = new QVBoxLayout(page1);
page1Layout->addWidget(new QPushButton("Button 1"));
page1Layout->addWidget(new QPushButton("Button 2"));

// 创建选项卡页面 2
QWidget *page2 = new QWidget();
QVBoxLayout *page2Layout = new QVBoxLayout(page2);
page2Layout->addWidget(new QPushButton("Button 3"));
page2Layout->addWidget(new QPushButton("Button 4"));
// 将选项卡页面添加到 QTabWidget
tabWidget->addTab(page1, "Tab 1");
tabWidget->addTab(page2, "Tab 2");
layout->addWidget(tabWidget);

image-20240518171131811

image-20240518171140247

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

【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 28天前 0

暂无评论

推荐阅读
  8Tw5Riv1mGFK   2024年05月01日   60   0   0 C++
  BYaHC1OPAeY4   2024年05月08日   49   0   0 C++
  yZdUbUDB8h5t   2024年05月05日   32   0   0 C++
  oXKBKZoQY2lx   29天前   43   0   0 C++
3dygdw7fVgD7