Qt教程 — 3.5 深入了解Qt 控件：Display Widgets部件(1)

目录

1 Display Widgets简介

2 如何使用Display Widgets部件

2.1 QLabel组件-显示图像或文本

2.2 QCalendarWidget组件-日历简单的使用

2.3 QLCDNumber组件-控件作时钟的显示

2.4 QProgressBar组件-模拟手机电池充电

2.5 QFrame组件-绘制水平/垂直线

Display Widgets将分为两篇文章介绍

文章1（本文）：Label（标签）、Calendar Widget（日历）、LCD Number（液晶数字）、Progress Bar（进度条）、Horizontal Line（水平线）、Vertical Line（垂直线）、OpenGL Widget（开放式图形库工具）、QQuick Widget（嵌入式 QML 工具）

文章2（Qt教程 — 3.6 深入了解Qt 控件：Display Widgets部件(2)-CSDN博客）：Text Browser（文本浏览器）、Graphics View（图形视图）

1 Display Widgets简介

Qt Designer 显示窗口部件提供的面板中，提供了 10 种显示小部件。以下是Display Widgets 的介绍：

  1. Label（标签）：QLabel 是用于显示文本或图片的简单控件。标签可以显示多行纯文本或富文本，还可以设置为响应用户的操作。

  2. Text Browser（文本浏览器）：QTextBrowser 是用于显示富文本文档的控件。这个部件可以显示来自本地文件或网络的HTML文档，并且可以解析HTML链接。

  3. Graphics View（图形视图）：QGraphicsView 是一个用于图形项（如线条、形状、图像等）交互的控件。它是基于场景（QGraphicsScene）和视图（QGraphicsView）框架的一部分，用于管理和显示复杂的图形界面。

  4. Calendar Widget（日历）：QCalendarWidget 继承 QWidget。QCalendarWidget 提供了一个月历视图，允许用户选择日期。这个控件显示一个一月的日历，用户可以浏览月份和年份。

  5. LCD Number（液晶数字）：QLCDNumber 继承 QFrame。QLCDNumber 控件显示一个带有液晶显示风格的数字。它常用于模拟液晶显示的计时器、计数器等。

  6. Progress Bar（进度条）：QProgressBar 继承 QWidget。QProgressBar 控件提供了一个水平或垂直的进度条。进度条可以用来显示任务的当前进度。

  7. Horizontal Line（水平线）/ Vertical Line（垂直线）：这些控件（QFrame）用于在用户界面中添加水平或垂直的分割线，通常用来分隔界面元素或区域。

  8. OpenGL Widget（开放式图形库工具）：QOpenGLWidget 提供了一个绘制 OpenGL 图形的控件。它可以用于集成 OpenGL 渲染管线到 Qt 应用程序中。

  9. QQuick Widget（嵌入式 QML 工具）：QQuickWidget 允许将基于 QML 的用户界面组件集成到 QWidget-based 应用程序中。这使得在传统的 Qt Widgets 应用中嵌入使用 QML 开发的现代、动态的用户界面成为可能。

2 如何使用Display Widgets部件

2.1 QLabel组件-显示图像或文本

QLabel是Qt框架中用于显示文本或图像的组件。它通常用于显示静态文本或简单的图像信息。下面是一些常用的QLabel设置方法：

  • setText(text): 设置QLabel显示的文本内容为text。
  • setPixmap(pixmap): 设置QLabel显示的图像为pixmap。
  • setAlignment(alignment): 设置文本的对齐方式，alignment可以是Qt.AlignLeft、Qt.AlignRight、Qt.AlignCenter等。
  • setWordWrap(shouldWrap): 设置是否自动换行，shouldWrap为True表示自动换行，False表示不自动换行。
  • setStyleSheet(styleSheet): 设置QLabel的样式表，可以通过CSS样式来设置文本的颜色、字体、背景等。
  • setFont(font): 设置文本的字体，可以通过QFont对象来设置字体的大小、粗细等。
  • setMargin(margin): 设置文本与QLabel边界的距离。
  • setScaledContents(scaled): 设置是否按比例缩放图像，scaled为True表示按比例缩放，False表示不按比例缩放。
  • setToolTip(toolTip): 设置鼠标悬停在QLabel上时显示的提示信息。

显示图像或文本（难度简单），前面已经在某些小节出现过 label 了，但只是用来显示文本内容，实际上像 button（按钮）， widget， label 等都是可以用来显示图像的。只是 button 不常用来显示单张图像，因为 button 是有三种状态，分别是按下，释放，悬停。所以它不常用于单单显示一张图像。

（1）首先按照文章新建项目（Qt教程 — 1.3 如何创建Qt项目-CSDN博客）。

（2）在头文件“mainwindow.h”修改代码，具体代码如下。1）导入<QLabel>文件 —> 2）声明一个QLabel对象用于显示字符串和图像。完整代码如下。

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>
#include <QLabel>

QT_BEGIN_NAMESPACE
namespace Ui { class MainWindow; }
QT_END_NAMESPACE

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    MainWindow(QWidget *parent = nullptr);
    ~MainWindow();

private:
    Ui::MainWindow *ui;
    // 用一个 QLabel 对象用于显示字符串
    QLabel *labelString;
    // 用一个 QLabel 对象用于显示图像
    QLabel *labelImage;
};
#endif // MAINWINDOW_H

（3）在文件“mainwindow.cpp”修改代码，具体代码如下。 1）设置主窗体的显示位置与大小。—>2）加载文件路径。—>3）实例化QLabel对象，显示图像，设置QLabel显示位置与大小、label文字。

#include "mainwindow.h"
#include "ui_mainwindow.h"

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

    // 设置大小与位置
    this->setGeometry(0, 0, 800, 480);
    // 使用资源里的文件时格式是 :+前缀+文件路径
    QPixmap pixmap("/home/qinlong/Qt/3_5_DisplayWidgets_example/picture/Qt.jpg");
    labelImage = new QLabel(this);
    // 标签大小为 452×132,根据图像的大小来设置
    labelImage->setGeometry(180, 10, 450, 300);
    // 设置图像
    labelImage->setPixmap(pixmap);
    //开启允许缩放填充
    labelImage->setScaledContents(true);
    labelString = new QLabel(this);
    labelString->setText("Qt从入门到精通");
    labelString->setGeometry(330, 320, 150, 30);
}

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

（4）程序编译运行的结果如下。

2.2 QCalendarWidget组件-日历简单的使用

QCalendarWidget是Qt中用于显示日历的组件，可以让用户选择日期。它提供了一种直观的方式来浏览和选择日期，非常适合需要用户选择日期的应用程序。

以下是一些常用的QCalendarWidget的参数设置：

  •  设置最小日期和最大日期：可以使用setMinimumDate和setMaximumDate方法分别设置QCalendarWidget的最小日期和最大日期。
  • 设置当前日期：可以使用setSelectedDate方法设置QCalendarWidget的当前日期。
  • 设置显示标题：可以使用setWindowTitle方法设置QCalendarWidget的标题。
  • 获取选中日期：可以使用selectedDate方法获取用户选择的日期。 

日历简单的使用（难度：简单），本例只是简单的使用日历控件来达到一定的效果。使用一个 CalendarWidget 控件，一个 Label 来显示当前日历所选择的日期，一个 pushButton 按钮，点击 pushButton 按钮来回到当前系统的日期。

（1）为了简便，直接在上节的项目中添加代码。以下代码为本节可单独运行的代码，实验结果为和前节结合的代码，后同。

（2）在头文件“mainwindow.h”修改代码，具体代码如下。1）导入<QCalendarWidget>、<QPushButton>、<QLabel>文件 —> 2）声明 QCalendarWidget， QPushButton， QLabel 对象和两个槽函数。完整代码如下。

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>
#include <QLabel>
#include <QCalendarWidget>
#include <QPushButton>

QT_BEGIN_NAMESPACE
namespace Ui { class MainWindow; }
QT_END_NAMESPACE

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    MainWindow(QWidget *parent = nullptr);
    ~MainWindow();

private:
    Ui::MainWindow *ui;
    // 声明 QCalendarWidget， QPushButton， QLabel 对象
    QCalendarWidget *calendarWidget;
    QPushButton *pushButton;
    QLabel *label;

private slots:
    // 槽函数
    void calendarWidgetSelectionChanged();
    void pushButtonClicked();
};
#endif // MAINWINDOW_H

（3）在文件“mainwindow.cpp”修改代码，具体代码如下。 1）设置主窗体的显示位置与大小。—>2）QCalendarWidget对象实例化，设置显示的位置、大小，像素。—> 3）实例化QLabel对象，显示图像，设置QLabel显示位置与大小、label文字—>4）信号槽连接—>5）写出槽函数，模拟车速表。添加完整代码如下。 

#include "mainwindow.h"
#include "ui_mainwindow.h"

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

    // 设置大小与位置
    this->setGeometry(0, 0, 800, 480);
    /****** 2 *******/
    // 对象实例化设置显示的位置与大小
    calendarWidget = new QCalendarWidget(this);
    calendarWidget->setGeometry(300, 20, 300, 200);
    QFont font;
    // 设置日历里字体的大小为 10 像素
    font.setPixelSize(10);
    calendarWidget->setFont(font);
    // 对象实例化设置显示的位置与大小
    pushButton = new QPushButton("回到当前日期",this);
    pushButton->setGeometry(350, 220, 100, 30);
    // 对象实例化设置显示的位置与大小
    label = new QLabel(this);
    label->setGeometry(350, 250, 400, 30);
    QString str = "当前选择的日期:"
    + calendarWidget->selectedDate().toString();
    label->setText(str);
    // 信号槽连接
    connect(calendarWidget, SIGNAL(selectionChanged()), this, SLOT(calendarWidgetSelectionChanged()));
    connect(pushButton, SIGNAL(clicked()), this, SLOT(pushButtonClicked()));
}

void MainWindow::calendarWidgetSelectionChanged()
{
    // 当日历点击改变当前选择的期时，更新 Label 的显示内容
    QString str = "当前选择的日期:" + calendarWidget->selectedDate().toString();
    label->setText(str);
}
void MainWindow::pushButtonClicked()
{
    // 设置当前选定的日期为系统的 QDate
    calendarWidget->setSelectedDate(QDate::currentDate());
}

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

（4）程序编译运行的结果如下。当程序运行后，可以通过点击鼠标或键盘来改变当前选定的日
期， label 标签则会改变为当前选定的日期，当点击回到当前日期按钮后，日历会改变当前选定
的日期并且把当前选定的日期改变为系统当前的日期。拓展：可以用日历来设置生日，日期提
醒等，还可以做成一个华丽的系统日历界面等。 

2.3 QLCDNumber组件-控件作时钟的显示

QLCDNumber是Qt中用于显示数字的组件，通常用于显示整数或浮点数。它提供了一种简洁的方式来显示数字，可以用于显示计数器、定时器、传感器数据等。以下是一些常用的QLCDNumber的参数设置：

  • 设置显示的数字：可以使用display方法设置QLCDNumber显示的数字。
  • 设置显示模式：可以使用setMode方法设置QLCDNumber的显示模式，包括整数模式、十六进制模式等。
  • 设置显示位数：可以使用setDigitCount方法设置QLCDNumber显示的数字位数。
  • 设置段间距：可以使用setSegmentStyle方法设置QLCDNumber的段间距样式，包括圆角样式、方形样式等。

使用一个 LCDNumber 控件作时钟的显示，一个定时器定时更新 LCDNumber 的时间。

（1）为了简便，直接在上节的项目中添加代码。

（2）在头文件“mainwindow.h”修改代码，具体代码如下。1）导入<QLCDNumber>
、<QTimer>、<QTime>文件 —> 2）声明QLCDNumber，QTimer和对应槽函数。完整代码如下。

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>
#include <QLabel>
#include <QLCDNumber>
#include <QTimer>

QT_BEGIN_NAMESPACE
namespace Ui { class MainWindow; }
QT_END_NAMESPACE

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    MainWindow(QWidget *parent = nullptr);
    ~MainWindow();

private:
    Ui::MainWindow *ui;
    // 声明 QLCDNumber，QTimer对象
    QLCDNumber *lcdNumber;
    QTimer *timer;

private slots:
    // QTimer槽函数
    void timerTimeOut();
};
#endif // MAINWINDOW_H

（3）在文件“mainwindow.cpp”修改代码，具体代码如下。 1）设置主窗体的显示位置与大小。—>2）tQCalendarWidge对象实例化，设置显示的位置、大小、位数。—> 3）实例化QTime对象，显示当前系统时间、显示的样式与大小、定时器 —>4）信号槽连接—>5）写出槽函数。添加完整代码如下。 

#include "mainwindow.h"
#include "ui_mainwindow.h"

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

    // 设置大小与位置
    this->setGeometry(0, 0, 800, 480);

    /****** 3 *******/
    // 实例化与设置显示的位置大小
    lcdNumber = new QLCDNumber(this);
    lcdNumber->setGeometry(620, 100, 150, 50);
    // 设置显示的位数 8 位
    lcdNumber->setDigitCount(8);
    // 设置样式
    lcdNumber->setSegmentStyle(QLCDNumber::Flat);
    // 设置 lcd 显示为当前系统时间
    QTime time = QTime::currentTime();
    // 设置显示的样式
    lcdNumber->display(time.toString("hh:mm:ss"));
    timer = new QTimer(this);
    // 设置定时器 1000 毫秒发送一个 timeout()信号
    timer->start(1000);
    /* 信号槽连接 */
    connect(timer, SIGNAL(timeout()), this,
    SLOT(timerTimeOut()));
}


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

void MainWindow::calendarWidgetSelectionChanged()
{
    // 当日历点击改变当前选择的期时，更新 Label 的显示内容
    QString str = "当前选择的日期:" + calendarWidget->selectedDate().toString();
    label->setText(str);
}
void MainWindow::pushButtonClicked()
{
    // 设置当前选定的日期为系统的 QDate
    calendarWidget->setSelectedDate(QDate::currentDate());
}

void MainWindow::timerTimeOut()
{
    // 当定时器计时 1000 毫秒后，刷新 lcd 显示当前系统时间
    QTime time = QTime::currentTime();
    // 设置显示的样式
    lcdNumber->display(time.toString("hh:mm:ss"));
}

（4）程序编译运行的结果如下。程序运行后，可以看到时间为当前系统的时间， LCDNumber
时钟显示系统时钟的时钟并运行着。

2.4 QProgressBar组件-模拟手机电池充电

QProgressBar组件是Qt中的一个进度条组件，用于显示任务的进度。它可以显示任务的完成百分比，并且可以通过设置不同的样式来自定义外观。一些常用的功能参数设置包括

  • 设置进度条的最小值和最大值：最小值可以通过setMinimum($minValue$)方法设置，最大值可以通过setMaximum($maxValue$)方法设置。

  • 设置当前进度值：可以通过setValue($value$)方法设置当前进度值。

  • 设置进度条的文本显示：可以通过setFormat($formatString$)方法设置显示在进度条上的文本格式，例如"Progress: %p%"。

  • 设置进度条的方向：可以通过setOrientation($orientation$)方法设置进度条的方向，可以是水平方向或垂直方向。

  • 设置进度条的样式：可以通过setStyleSheet($styleSheet$)方法设置进度条的样式，可以自定义进度条的外观。

  • 设置进度条的动画效果：可以通过setInvertedAppearance($inverted$)方法设置进度条的动画效果，使进度条在不断增加时显示动画效果。

用一个 QProgressBar 模拟手机电池充电。

（1）为了简便，直接在上节的项目中添加代码。

（2）在头文件“mainwindow.h”修改代码，具体代码如下。1）导入<QCalendarWidget>
、<QTimer>、<QProgressBar>文件 —> 2）声明QLCDNumber，QTimer和对应槽函数。完整代码如下。

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>
#include <QLabel>

#include <QCalendarWidget>
#include <QTimer>
#include <QProgressBar>

QT_BEGIN_NAMESPACE
namespace Ui { class MainWindow; }
QT_END_NAMESPACE

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    MainWindow(QWidget *parent = nullptr);
    ~MainWindow();

private:
    Ui::MainWindow *ui;
    // 声明对象
    QProgressBar *progressBar;
    QTimer *timer_1;
    // 用于设置当前 QProgressBar 的值
    int value;

private slots:
    // 槽函数
    void timerTimeOut_1();
};
#endif // MAINWINDOW_H

（3）在文件“mainwindow.cpp”修改代码，具体代码如下。 1）设置主窗体的显示位置与大小，—>2）QCalendarWidge对象实例化，设置显示的位置、大小、样式表设置、范围、初始化 value、当前值、文本字符串的显示格式。—> 3）实例化QTime对象，定时器实例化设置每 100ms 发送一个 timeout 信号—>4）信号槽连接—>5）写出槽函数。添加完整代码如下。 

#include "mainwindow.h"
#include "ui_mainwindow.h"

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

    // 设置大小与位置
    this->setGeometry(0, 0, 800, 480);

    /****** 1 *******/
    // 使用资源里的文件时格式是 :+前缀+文件路径
    QPixmap pixmap("/home/qinlong/Qt/3_5_DisplayWidgets_example/picture/Qt.jpg");
    labelImage = new QLabel(this);
    // 标签大小为 452×132,根据图像的大小来设置
    labelImage->setGeometry(0, 10, 300, 200);
    // 设置图像
    labelImage->setPixmap(pixmap);
    //开启允许缩放填充
    labelImage->setScaledContents(true);
    labelString = new QLabel(this);
    labelString->setText("Qt从入门到精通");
    labelString->setGeometry(100, 220, 150, 30);

    /****** 4 *******/
    progressBar = new QProgressBar(this);
    progressBar->setGeometry(50, 300, 200, 60);
    //样式表设置，常用使用 setStyleSheet 来设置样式（实现界面美化的功能）, 具体可参考 styleSheet
    progressBar->setStyleSheet (
                "QProgressBar{border:8px solid #FFFFFF;"
                "height:30;"
                "border-image:url(:/images/battery.png);" //背景图片
                "text-align:center;" // 文字居中
                "color:rgb(255,0,255);"
                "font:20px;" // 字体大小为 20px
                "border-radius:10px;}"
                "QProgressBar::chunk{"
                "border-radius:5px;" // 斑马线圆角
                "border:1px solid black;" // 黑边，默认无边
                "background-color:skyblue;"
                "width:10px;margin:1px;}" // 宽度和间距
                );
    // 设置 progressBar 的范围值
    progressBar->setRange(0, 100);
    // 初始化 value 为 0
    value = 0;
    // 给 progressBar 设置当前值
    progressBar->setValue(value);
    // 设置当前文本字符串的显示格式
    progressBar->setFormat("充电中%p%");
    // 定时器实例化设置每 100ms 发送一个 timeout 信号
    timer = new QTimer(this);
    timer->start(100);
    // 信号槽连接
    connect(timer, SIGNAL(timeout()),this, SLOT(timerTimeOut_1()));
}

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

void MainWindow::timerTimeOut_1()
{
    // 定显示器时间到， value 值自加一
    value ++;
    progressBar->setValue(value);
    // 若 value 值大于 100，令 value 再回到 0
    if(value>100)
        value = 0;
}

（4）程序编译运行的结果如下。程序运行后，可以看到在定时器的作用下，电池一直在充电，
充到 100%，又重新回到 0%重新充电。 QProgressBar 一般用于表示进度，常用于如复制进度，
打开、加载进度等。

2.5 QFrame组件-绘制水平/垂直线

QFrame 是 Qt 中的一个基本组件，用于在界面中创建一个矩形框架。它可以用来组织和布局其他组件，也可以用来显示边框、背景色等效果。

主要功能设置包括：

  • 设置边框样式和宽度：可以通过设置 setFrameStyle() 方法来设置边框的样式，如 QFrame.Box、QFrame.Panel 等，还可以通过 setLineWidth() 方法设置边框的宽度。

  • 设置背景色：可以使用 setStyleSheet() 方法来设置背景色，如 setStyleSheet("background-color: #f0f0f0;")。

  • 设置边距：可以使用 setContentsMargins() 方法来设置内容与边框的距离。

  • 设置阴影效果：可以通过设置 setFrameShadow() 方法来添加阴影效果。

  • 设置边框圆角：可以使用 setFrameShape() 方法设置边框的形状，如圆角等。

定义两个 QFrame 对象，实例化后设置成一条水平样式，一条垂直样式。实际上 Display Widgets 里的 Horizontal Line/Vertical Line 是 QFrame已经封装好的控件，也可以通过下面的例子来实现不同的效果。

（1）为了简便，直接在上节的项目中添加代码。

（2）在头文件“mainwindow.h”修改代码，具体代码如下。1）导入<QMainWindow>、<QFrame>文件。完整代码如下。

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>
#include <QFrame>

QT_BEGIN_NAMESPACE
namespace Ui { class MainWindow; }
QT_END_NAMESPACE

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    MainWindow(QWidget *parent = nullptr);
    ~MainWindow();

private:
    Ui::MainWindow *ui;
    // 声明对象
    QFrame *hline;
    QFrame *vline;
    QFrame *panel;
};
#endif // MAINWINDOW_H

（3）在文件“mainwindow.cpp”修改代码，具体代码如下。 1）设置主窗体的显示位置与大小，—>2）实例化三个QFrame对象，绘制水平、垂直曲线和方框，设置曲线、方框的大小、位置和阴影。添加完整代码如下。 

#include "mainwindow.h"
#include "ui_mainwindow.h"

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

    // 设置大小与位置
    this->setGeometry(0, 0, 800, 480);

    /****** 5 *******/
    // 实例化
    hline = new QFrame(this);
    // 确定起始点，设置长和宽，绘制距形
    hline->setGeometry(QRect(300, 400, 200, 40));
    // 设置框架样式为 Hline，水平，可设置为其他样式例如 Box，由于是样式选择 HLine，所以只显示一条水平直线
    hline->setFrameShape(QFrame::HLine);
    // 绘制阴影
    hline->setFrameShadow(QFrame::Sunken);
    // 实例化
    vline = new QFrame(this);
    // 确定起始点，设置长和宽，绘制距形
    vline->setGeometry(QRect(300, 300, 2, 150));
    // 设置框架样式为 Vline，垂直，可设置为其他样式例如 Box，由于是样式选择 Vline，所以只显示一条垂直直线
    vline->setFrameShape(QFrame::VLine);
    // 绘制阴影
    vline->setFrameShadow(QFrame::Sunken);
    // 实例化
    panel = new QFrame(this);
    // 确定起始点，设置长和宽，绘制距形
    panel->setGeometry(QRect(600, 300, 150, 150));
    // 设置框架样式为 Vline，垂直，可设置为其他样式例如 Box，由于是样式选择 Vline，所以只显示一条垂直直线
    panel->setFrameShape(QFrame::Panel);
    // 绘制阴影
    panel->setFrameShadow(QFrame::Sunken);
}

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

（4）程序编译运行的结果如下。在窗口中央出现一条垂直的直线、一条水平的直线和一个立体方框。可以用QFrame 来绘制一些比较好看的边框等，用作美化界面。 QFrame 类是所有框架的窗口部件的基类，所以像 QLabel 这种见的控件也可以设置成独特的边框样式。

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/487931.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

【物联网】Kafka 数据采集

【物联网】Kafka 数据采集

基础信息 组件名称 &#xff1a; kafka-connector 组件版本&#xff1a; 1.0.0 组件类型&#xff1a; 系统默认 状 态&#xff1a; 正式发布 组件描述&#xff1a;通用kafka连接网关&#xff0c;消费来自kafka的数据&#xff0c;并转发给下一个节点做相关的数据解析。 配置文…
阅读更多...
喜报 | 聚合科技荣获江苏省数字经济学会科学技术奖

喜报 | 聚合科技荣获江苏省数字经济学会科学技术奖

近日&#xff0c;江苏省数字经济学会公布了2023年度江苏省数字经济学会科学技术奖获奖名单。本次在全省范围内共评选出科学技术进步奖、科学技术创新奖、优秀成果奖获奖项目共计19项。“聚合数据资产服务API平台”凭借其前沿的创新性和优秀的应用前景成功获得科学技术创新奖二等…
阅读更多...
视频推拉流EasyDSS点播平台云端录像播放异常的问题排查与解决

视频推拉流EasyDSS点播平台云端录像播放异常的问题排查与解决

视频推拉流EasyDSS视频直播点播平台可提供一站式的视频转码、点播、直播、视频推拉流、播放H.265视频等服务&#xff0c;搭配RTMP高清摄像头使用&#xff0c;可将无人机设备的实时流推送到平台上&#xff0c;实现无人机视频推流直播、巡检等应用。 有用户反馈&#xff0c;项目现…
阅读更多...
2.7、创建列表（List）

2.7、创建列表（List）

概述 列表是一种复杂的容器&#xff0c;当列表项达到一定数量&#xff0c;内容超过屏幕大小时&#xff0c;可以自动提供滚动功能。它适合用于呈现同类数据类型或数据类型集&#xff0c;例如图片和文本。在列表中显示数据集合是许多应用程序中的常见要求&#xff08;如通讯录、…
阅读更多...
Apache Spark

Apache Spark

一、Apache Spark 1、Spark简介 Apache Spark是用于大规模数据 (large-scala data) 处理的统一 (unified) 分析引擎。 Spark官网 Spark最早源于一篇论文Resilient Distributed Datasets: A Fault-Tolerant Abstraction for In-Memory Cluster Computing,该论文是由加州大学柏…
阅读更多...
Harmony OS 网络编程 实验指南

Harmony OS 网络编程 实验指南

netcat简介 netcat 是什么&#xff1f; netcat是一个非常强大的网络实用工具&#xff0c;可以用它来调试TCP/UDP应用程序&#xff1b; netcat 如何安装&#xff1f; Linux上可以使用发行版的包管理器安装&#xff0c;例如Debian/Ubuntu上&#xff1a; sudo apt-get instal…
阅读更多...
cas学习2：idea里搭建cas项目

cas学习2：idea里搭建cas项目

在上篇中介绍了cas服务在tomcat中怎么启动的及某j集成cas&#xff0c;这篇讲下idea怎么集成cas成一个项目&#xff0c;为后续的定制化开发做好铺垫。 1.下载CAS 模板 Overlay Template&#xff0c;我这里使用 Apereo CAS 5.3 版本&#xff0c;JDK需要1.8 地址&#xff1a;Git…
阅读更多...
钡铼技术R40路由器助力构建无人值守的智能化污水处理厂

钡铼技术R40路由器助力构建无人值守的智能化污水处理厂

钡铼技术R40路由器作为智能化污水处理厂的关键网络设备&#xff0c;发挥着至关重要的作用&#xff0c;助力构建无人值守的智能化污水处理系统。在现代社会&#xff0c;污水处理是城市环境保护和可持续发展的重要组成部分&#xff0c;而智能化污水处理厂借助先进的技术和设备&am…
阅读更多...
微信小程序wx.navigateTo无法跳转到Component组件问题解决。（共享元素动画必备）

微信小程序wx.navigateTo无法跳转到Component组件问题解决。（共享元素动画必备）

关于Component构造器官方是有文档说明的&#xff0c;然后官方文档内部也给出了组件是可以通过像pages一样跳转的。但是官方文档缺少了必要的说明&#xff0c;会引起wx.navigateTo无法跳转到组件问题&#xff01; 以下是官方文档截图&#xff1a; 解决方式&#xff1a; 组件创建…
阅读更多...
4.2 循环语句loop，等差数列求和

4.2 循环语句loop，等差数列求和

汇编语言 1. 循环语句loop loop指令的格式是&#xff1a;loop 标号&#xff0c;CPU执行loop指令的时候&#xff0c;要进行两部操作 cx cx - 1;判断cx中的值&#xff0c;不为0则转至标号处执行程序&#xff0c;如果为0则向下执行 循环使用loop来实现&#xff0c;循环次数存…
阅读更多...
flask_restful的基本使用

flask_restful的基本使用

优势&#xff1a; Flask-Restful 是一个专门用来写 restful api 的一个插件。 使用它可以快速的集成restful api 接口功能。 在系统的纯api 的后台中&#xff0c;这个插件可以帮助我们节省很多时间。 缺点&#xff1a; 如果在普通的网站中&#xff0c;这个插件就没有优势了&…
阅读更多...
技术文件分享 | 《基于倾斜摄影测量的城市级实景三维地理场景模型生产技术规程》.pdf

技术文件分享 | 《基于倾斜摄影测量的城市级实景三维地理场景模型生产技术规程》.pdf

为提高利用倾斜摄影测量技术生产城市级实景三维地理场景模型成果水平,湖北省地理国情监测中心联合武汉大学、武汉大势智慧科技有限公司等单位制定了《基于倾斜摄影测量的城市级实景三维地理场景模型生产技术规程》&#xff0c;经湖北省市场监管局批准、备案&#xff0c;被收录为…
阅读更多...
如何调用occtproxy放入自己的wpf文件

如何调用occtproxy放入自己的wpf文件

1.创建一个wpf程序 2.添加项目occtproxy.vcxproj 3.把该项目配置类型设为dll 4.添加引用 5.报错显示&#xff0c;这是因为还没有生成dll 6.把occtproxy设为启动项目运行&#xff0c;设定输出目录在该目录下&#xff0c;生成dll 7.再运行&#xff0c;即可
阅读更多...
Oracle 控制文件详解

Oracle 控制文件详解

1、控制文件存储的数据信息 1&#xff09;数据库名称和数据库唯一标识符&#xff08;DBID) 2&#xff09;创建数据库的时间戳 3&#xff09;有关数据文件、联机重做日志文件、归档重做日志文件的信息 4&#xff09;表空间信息 5&#xff09;检查点信息 6&#xff09;日志序列号…
阅读更多...
tcp和udp分别是什么？udp和tcp的区别

tcp和udp分别是什么？udp和tcp的区别

TCP和UDP是计算机网络中常见的两种传输层协议&#xff0c;它们在实际应用中具有不同的特点和用途。本文将对TCP和UDP进行介绍&#xff0c;并分析它们之间的区别。 TCP和UDP分别是什么&#xff1f; TCP&#xff08;Transmission Control Protocol&#xff09; TCP是一种面向连…
阅读更多...
Spring Boot | SpringBoo“开发入门“

Spring Boot | SpringBoo“开发入门“

目录 : 1.SpringBoot的“介绍”SpringBoot”概述” &#xff1a;SpringBoot”简介“SpringBoot的“优点” 2. SpringBoot入门程序环境准备使用 “Maven”方式构建SpringBoot 项目使用“Spring Initializr”方式构建Spring Boot 项目 3. “单元测试” 和“热部署”单元测试热部署…
阅读更多...
微服务day07 -- 搜索引擎 ( 数据聚合 + 自动补全 + 数据同步 + ES集群 )

微服务day07 -- 搜索引擎 ( 数据聚合 + 自动补全 + 数据同步 + ES集群 )

1.数据聚合 聚合&#xff08;aggregations&#xff09;可以让我们极其方便的实现对数据的统计、分析、运算。例如&#xff1a; 什么品牌的手机最受欢迎&#xff1f; 这些手机的平均价格、最高价格、最低价格&#xff1f; 这些手机每月的销售情况如何&#xff1f; 实现这些…
阅读更多...
基于springboot的美食分享管理平台+数据库+部署文档+数据库表结构文档+免费远程调试

基于springboot的美食分享管理平台+数据库+部署文档+数据库表结构文档+免费远程调试

项目介绍: 基于springboot的美食分享管理平台。Javaee项目&#xff0c;springboot项目&#xff0c;采用M&#xff08;model&#xff09;V&#xff08;view&#xff09;C&#xff08;controller&#xff09;三层体系结构&#xff0c;通过SpringBoot MybatisBootstrap来实现。MyS…
阅读更多...
Facebook是什么？有什么功能？如何利用Facebook运营？

Facebook是什么？有什么功能？如何利用Facebook运营？

Facebook&#xff0c;也常被人们称为“脸书”、“脸谱”等&#xff0c;是美国的社交网络服务及社会化媒体网站&#xff0c;拥有超过20亿的月活跃用户&#xff0c;对于众多商家而言&#xff0c;Facebook以其广泛的用户基础和强大的社交影响力&#xff0c;成为了一个理想的社媒营…
阅读更多...
http和socks5代理哪个隐蔽性更强？

http和socks5代理哪个隐蔽性更强？

HTTP代理和SOCKS5代理各有其优缺点&#xff0c;但就隐蔽性而言&#xff0c;SOCKS5代理通常比HTTP代理更隐蔽。以下是它们的比较&#xff1a; HTTP代理&#xff1a; 透明性较高&#xff1a;HTTP代理在HTTP头中会透露原始客户端的IP地址&#xff0c;这使得它相对不太隐蔽。…
阅读更多...
最新文章

Copyright @ 2022~2023