Qt6基础篇(八)——QLabel

前言:
   本篇文章介绍QLabel控件的用法。

1 介绍

  QLabel是最常用的文本显示控件,在Qt Creator中归类到显示控件中(Display Widgets)。

Qt6基础篇(八)——QLabel

前言:
   本篇文章介绍QLabel控件的用法。

1 介绍

  QLabel是最常用的文本显示控件,在Qt Creator中归类到显示控件中(Display Widgets)。

Label.png

  通过Qt Creator打开ui文件,将可视化显示窗口的布局。

OpenUi.png

  拖动一个QLabel控件到窗口上,右上方可以看到并设置该控件的名称,同时也是其成员变量名,编程时会使用。右下角可以对该控件进行更详细的设置。一些基础的设置比如位置、大小、显示的文本建议直接在窗口可视化的拖动鼠标设置。

2 设置文本

  在mainwindow.h中增加一个函数 SetLable 定义。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>
#include <QtWidgets/QLabel>
#include <QString>

QT_BEGIN_NAMESPACE

namespace Ui
{
class MainWindow;
}

QT_END_NAMESPACE

class MainWindow: public QMainWindow
{
Q_OBJECT

public:
MainWindow(QWidget *parent = nullptr);
~MainWindow();
void SetLable(QString LabelText);

private:

Ui::MainWindow *ui;
};
#endif // MAINWINDOW_H

  在mainwindow.cpp中实现该函数,通过成员变量 ui 访问 Label 对象,设置文本。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
#include "mainwindow.h"
#include "./ui_mainwindow.h"

MainWindow::MainWindow(QWidget *parent) : QMainWindow(parent), ui(new Ui::MainWindow)
{
ui->setupUi(this);
}

MainWindow::~MainWindow()
{
delete ui;
}

void MainWindow::SetLable(QString LabelText)
{
ui->label->setText(LabelText);
}

  主函数中调用 SetLable 函数。

1
2
3
4
5
6
7
8
9
10
11
12
13
#include <QApplication>
#include "mainwindow.h"

int main(int argc, char *argv[])
{
QApplication app(argc, argv);

MainWindow w;
w.show();
w.SetLable("Yes");

return app.exec();
}

AddLabel.png

3 设置大小和位置

   setGeometry 函数被用于设置QLabel控件的位置和大小,其参数分别为x坐标, y坐标, 宽度,高度。

1
ui->label->setGeometry(200, 50, 200, 50);

  显示效果如下。

Position.png

  UI中的坐标如下。

Coordinate.png

4 设置背景色和字体色

   setStyleSheet 函数可设置QLabel控件的字体颜色和背景色。

1
ui->label->setStyleSheet("background-color: yellow; color: green;");

  显示效果如下。

Color.png

  通过Qt Creator打开ui文件,将可视化显示窗口的布局。

Qt6基础篇(八)——QLabel

前言:
   本篇文章介绍QLabel控件的用法。

1 介绍

  QLabel是最常用的文本显示控件,在Qt Creator中归类到显示控件中(Display Widgets)。

Label.png

  通过Qt Creator打开ui文件,将可视化显示窗口的布局。

OpenUi.png

  拖动一个QLabel控件到窗口上,右上方可以看到并设置该控件的名称,同时也是其成员变量名,编程时会使用。右下角可以对该控件进行更详细的设置。一些基础的设置比如位置、大小、显示的文本建议直接在窗口可视化的拖动鼠标设置。

2 设置文本

  在mainwindow.h中增加一个函数 SetLable 定义。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>
#include <QtWidgets/QLabel>
#include <QString>

QT_BEGIN_NAMESPACE

namespace Ui
{
class MainWindow;
}

QT_END_NAMESPACE

class MainWindow: public QMainWindow
{
Q_OBJECT

public:
MainWindow(QWidget *parent = nullptr);
~MainWindow();
void SetLable(QString LabelText);

private:

Ui::MainWindow *ui;
};
#endif // MAINWINDOW_H

  在mainwindow.cpp中实现该函数,通过成员变量 ui 访问 Label 对象,设置文本。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
#include "mainwindow.h"
#include "./ui_mainwindow.h"

MainWindow::MainWindow(QWidget *parent) : QMainWindow(parent), ui(new Ui::MainWindow)
{
ui->setupUi(this);
}

MainWindow::~MainWindow()
{
delete ui;
}

void MainWindow::SetLable(QString LabelText)
{
ui->label->setText(LabelText);
}

  主函数中调用 SetLable 函数。

1
2
3
4
5
6
7
8
9
10
11
12
13
#include <QApplication>
#include "mainwindow.h"

int main(int argc, char *argv[])
{
QApplication app(argc, argv);

MainWindow w;
w.show();
w.SetLable("Yes");

return app.exec();
}

AddLabel.png

3 设置大小和位置

   setGeometry 函数被用于设置QLabel控件的位置和大小,其参数分别为x坐标, y坐标, 宽度,高度。

1
ui->label->setGeometry(200, 50, 200, 50);

  显示效果如下。

Position.png

  UI中的坐标如下。

Coordinate.png

4 设置背景色和字体色

   setStyleSheet 函数可设置QLabel控件的字体颜色和背景色。

1
ui->label->setStyleSheet("background-color: yellow; color: green;");

  显示效果如下。

Color.png

  拖动一个QLabel控件到窗口上,右上方可以看到并设置该控件的名称,同时也是其成员变量名,编程时会使用。右下角可以对该控件进行更详细的设置。一些基础的设置比如位置、大小、显示的文本建议直接在窗口可视化的拖动鼠标设置。

2 设置文本

  在mainwindow.h中增加一个函数 SetLable 定义。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>
#include <QtWidgets/QLabel>
#include <QString>

QT_BEGIN_NAMESPACE

namespace Ui
{
class MainWindow;
}

QT_END_NAMESPACE

class MainWindow: public QMainWindow
{
Q_OBJECT

public:
MainWindow(QWidget *parent = nullptr);
~MainWindow();
void SetLable(QString LabelText);

private:

Ui::MainWindow *ui;
};
#endif // MAINWINDOW_H

  在mainwindow.cpp中实现该函数,通过成员变量 ui 访问 Label 对象,设置文本。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
#include "mainwindow.h"
#include "./ui_mainwindow.h"

MainWindow::MainWindow(QWidget *parent) : QMainWindow(parent), ui(new Ui::MainWindow)
{
ui->setupUi(this);
}

MainWindow::~MainWindow()
{
delete ui;
}

void MainWindow::SetLable(QString LabelText)
{
ui->label->setText(LabelText);
}

  主函数中调用 SetLable 函数。

1
2
3
4
5
6
7
8
9
10
11
12
13
#include <QApplication>
#include "mainwindow.h"

int main(int argc, char *argv[])
{
QApplication app(argc, argv);

MainWindow w;
w.show();
w.SetLable("Yes");

return app.exec();
}

Qt6基础篇(八)——QLabel

前言:
   本篇文章介绍QLabel控件的用法。

1 介绍

  QLabel是最常用的文本显示控件,在Qt Creator中归类到显示控件中(Display Widgets)。

Label.png

  通过Qt Creator打开ui文件,将可视化显示窗口的布局。

OpenUi.png

  拖动一个QLabel控件到窗口上,右上方可以看到并设置该控件的名称,同时也是其成员变量名,编程时会使用。右下角可以对该控件进行更详细的设置。一些基础的设置比如位置、大小、显示的文本建议直接在窗口可视化的拖动鼠标设置。

2 设置文本

  在mainwindow.h中增加一个函数 SetLable 定义。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>
#include <QtWidgets/QLabel>
#include <QString>

QT_BEGIN_NAMESPACE

namespace Ui
{
class MainWindow;
}

QT_END_NAMESPACE

class MainWindow: public QMainWindow
{
Q_OBJECT

public:
MainWindow(QWidget *parent = nullptr);
~MainWindow();
void SetLable(QString LabelText);

private:

Ui::MainWindow *ui;
};
#endif // MAINWINDOW_H

  在mainwindow.cpp中实现该函数,通过成员变量 ui 访问 Label 对象,设置文本。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
#include "mainwindow.h"
#include "./ui_mainwindow.h"

MainWindow::MainWindow(QWidget *parent) : QMainWindow(parent), ui(new Ui::MainWindow)
{
ui->setupUi(this);
}

MainWindow::~MainWindow()
{
delete ui;
}

void MainWindow::SetLable(QString LabelText)
{
ui->label->setText(LabelText);
}

  主函数中调用 SetLable 函数。

1
2
3
4
5
6
7
8
9
10
11
12
13
#include <QApplication>
#include "mainwindow.h"

int main(int argc, char *argv[])
{
QApplication app(argc, argv);

MainWindow w;
w.show();
w.SetLable("Yes");

return app.exec();
}

AddLabel.png

3 设置大小和位置

   setGeometry 函数被用于设置QLabel控件的位置和大小,其参数分别为x坐标, y坐标, 宽度,高度。

1
ui->label->setGeometry(200, 50, 200, 50);

  显示效果如下。

Position.png

  UI中的坐标如下。

Coordinate.png

4 设置背景色和字体色

   setStyleSheet 函数可设置QLabel控件的字体颜色和背景色。

1
ui->label->setStyleSheet("background-color: yellow; color: green;");

  显示效果如下。

Color.png

3 设置大小和位置

   setGeometry 函数被用于设置QLabel控件的位置和大小,其参数分别为x坐标, y坐标, 宽度,高度。

1
ui->label->setGeometry(200, 50, 200, 50);

  显示效果如下。

Qt6基础篇(八)——QLabel

前言:
   本篇文章介绍QLabel控件的用法。

1 介绍

  QLabel是最常用的文本显示控件,在Qt Creator中归类到显示控件中(Display Widgets)。

Label.png

  通过Qt Creator打开ui文件,将可视化显示窗口的布局。

OpenUi.png

  拖动一个QLabel控件到窗口上,右上方可以看到并设置该控件的名称,同时也是其成员变量名,编程时会使用。右下角可以对该控件进行更详细的设置。一些基础的设置比如位置、大小、显示的文本建议直接在窗口可视化的拖动鼠标设置。

2 设置文本

  在mainwindow.h中增加一个函数 SetLable 定义。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>
#include <QtWidgets/QLabel>
#include <QString>

QT_BEGIN_NAMESPACE

namespace Ui
{
class MainWindow;
}

QT_END_NAMESPACE

class MainWindow: public QMainWindow
{
Q_OBJECT

public:
MainWindow(QWidget *parent = nullptr);
~MainWindow();
void SetLable(QString LabelText);

private:

Ui::MainWindow *ui;
};
#endif // MAINWINDOW_H

  在mainwindow.cpp中实现该函数,通过成员变量 ui 访问 Label 对象,设置文本。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
#include "mainwindow.h"
#include "./ui_mainwindow.h"

MainWindow::MainWindow(QWidget *parent) : QMainWindow(parent), ui(new Ui::MainWindow)
{
ui->setupUi(this);
}

MainWindow::~MainWindow()
{
delete ui;
}

void MainWindow::SetLable(QString LabelText)
{
ui->label->setText(LabelText);
}

  主函数中调用 SetLable 函数。

1
2
3
4
5
6
7
8
9
10
11
12
13
#include <QApplication>
#include "mainwindow.h"

int main(int argc, char *argv[])
{
QApplication app(argc, argv);

MainWindow w;
w.show();
w.SetLable("Yes");

return app.exec();
}

AddLabel.png

3 设置大小和位置

   setGeometry 函数被用于设置QLabel控件的位置和大小,其参数分别为x坐标, y坐标, 宽度,高度。

1
ui->label->setGeometry(200, 50, 200, 50);

  显示效果如下。

Position.png

  UI中的坐标如下。

Coordinate.png

4 设置背景色和字体色

   setStyleSheet 函数可设置QLabel控件的字体颜色和背景色。

1
ui->label->setStyleSheet("background-color: yellow; color: green;");

  显示效果如下。

Color.png

  UI中的坐标如下。

Qt6基础篇(八)——QLabel

前言:
   本篇文章介绍QLabel控件的用法。

1 介绍

  QLabel是最常用的文本显示控件,在Qt Creator中归类到显示控件中(Display Widgets)。

Label.png

  通过Qt Creator打开ui文件,将可视化显示窗口的布局。

OpenUi.png

  拖动一个QLabel控件到窗口上,右上方可以看到并设置该控件的名称,同时也是其成员变量名,编程时会使用。右下角可以对该控件进行更详细的设置。一些基础的设置比如位置、大小、显示的文本建议直接在窗口可视化的拖动鼠标设置。

2 设置文本

  在mainwindow.h中增加一个函数 SetLable 定义。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>
#include <QtWidgets/QLabel>
#include <QString>

QT_BEGIN_NAMESPACE

namespace Ui
{
class MainWindow;
}

QT_END_NAMESPACE

class MainWindow: public QMainWindow
{
Q_OBJECT

public:
MainWindow(QWidget *parent = nullptr);
~MainWindow();
void SetLable(QString LabelText);

private:

Ui::MainWindow *ui;
};
#endif // MAINWINDOW_H

  在mainwindow.cpp中实现该函数,通过成员变量 ui 访问 Label 对象,设置文本。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
#include "mainwindow.h"
#include "./ui_mainwindow.h"

MainWindow::MainWindow(QWidget *parent) : QMainWindow(parent), ui(new Ui::MainWindow)
{
ui->setupUi(this);
}

MainWindow::~MainWindow()
{
delete ui;
}

void MainWindow::SetLable(QString LabelText)
{
ui->label->setText(LabelText);
}

  主函数中调用 SetLable 函数。

1
2
3
4
5
6
7
8
9
10
11
12
13
#include <QApplication>
#include "mainwindow.h"

int main(int argc, char *argv[])
{
QApplication app(argc, argv);

MainWindow w;
w.show();
w.SetLable("Yes");

return app.exec();
}

AddLabel.png

3 设置大小和位置

   setGeometry 函数被用于设置QLabel控件的位置和大小,其参数分别为x坐标, y坐标, 宽度,高度。

1
ui->label->setGeometry(200, 50, 200, 50);

  显示效果如下。

Position.png

  UI中的坐标如下。

Coordinate.png

4 设置背景色和字体色

   setStyleSheet 函数可设置QLabel控件的字体颜色和背景色。

1
ui->label->setStyleSheet("background-color: yellow; color: green;");

  显示效果如下。

Color.png

4 设置背景色和字体色

   setStyleSheet 函数可设置QLabel控件的字体颜色和背景色。

1
ui->label->setStyleSheet("background-color: yellow; color: green;");

  显示效果如下。

Qt6基础篇(八)——QLabel

前言:
   本篇文章介绍QLabel控件的用法。

1 介绍

  QLabel是最常用的文本显示控件,在Qt Creator中归类到显示控件中(Display Widgets)。

Label.png

  通过Qt Creator打开ui文件,将可视化显示窗口的布局。

OpenUi.png

  拖动一个QLabel控件到窗口上,右上方可以看到并设置该控件的名称,同时也是其成员变量名,编程时会使用。右下角可以对该控件进行更详细的设置。一些基础的设置比如位置、大小、显示的文本建议直接在窗口可视化的拖动鼠标设置。

2 设置文本

  在mainwindow.h中增加一个函数 SetLable 定义。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>
#include <QtWidgets/QLabel>
#include <QString>

QT_BEGIN_NAMESPACE

namespace Ui
{
class MainWindow;
}

QT_END_NAMESPACE

class MainWindow: public QMainWindow
{
Q_OBJECT

public:
MainWindow(QWidget *parent = nullptr);
~MainWindow();
void SetLable(QString LabelText);

private:

Ui::MainWindow *ui;
};
#endif // MAINWINDOW_H

  在mainwindow.cpp中实现该函数,通过成员变量 ui 访问 Label 对象,设置文本。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
#include "mainwindow.h"
#include "./ui_mainwindow.h"

MainWindow::MainWindow(QWidget *parent) : QMainWindow(parent), ui(new Ui::MainWindow)
{
ui->setupUi(this);
}

MainWindow::~MainWindow()
{
delete ui;
}

void MainWindow::SetLable(QString LabelText)
{
ui->label->setText(LabelText);
}

  主函数中调用 SetLable 函数。

1
2
3
4
5
6
7
8
9
10
11
12
13
#include <QApplication>
#include "mainwindow.h"

int main(int argc, char *argv[])
{
QApplication app(argc, argv);

MainWindow w;
w.show();
w.SetLable("Yes");

return app.exec();
}

AddLabel.png

3 设置大小和位置

   setGeometry 函数被用于设置QLabel控件的位置和大小,其参数分别为x坐标, y坐标, 宽度,高度。

1
ui->label->setGeometry(200, 50, 200, 50);

  显示效果如下。

Position.png

  UI中的坐标如下。

Coordinate.png

4 设置背景色和字体色

   setStyleSheet 函数可设置QLabel控件的字体颜色和背景色。

1
ui->label->setStyleSheet("background-color: yellow; color: green;");

  显示效果如下。

Color.png