程序员经验分享-hwhale

C++学习之路（十四）C++ 用Qt5实现一个工具箱（增加一个Base64图片编码预览功能）- 示例代码拆分讲解

2023-12-04

上篇文章，我们用 Qt5 实现了在小工具箱中添加了《 Base64加解密功能 >https://blog.csdn.net/Backli/article/details/134701333 》功能。为了继续丰富我们的工具箱，今天我们就再增加一个平时经常用到的功能吧，就是「 Base64图片编码预览 」功能。下面我们就来看看如何来规划开发一个这样的小功能并且添加到我们的工具箱中吧。

老规矩，先看效果

在这里插入图片描述
在这里插入图片描述

Base64 图片编码与预览功能概述

概述：

Base64 是一种将二进制数据编码成 ASCII 字符串的方式，常用于在文本环境中传输或存储二进制数据。Base64 图片编码与预览功能允许用户将图片文件转换为 Base64 编码，并能够将 Base64 编码的图片数据还原为图片进行预览显示。

功能需求：

  1. 图片转换为 Base64 编码： 提供一个文件选择对话框，允许用户选择图片文件，并将所选图片转换为 Base64 编码。

  2. Base64 编码转换为图片预览： 允许用户将输入的 Base64 编码转换为图片，并在界面中预览显示。

  3. 反馈与提示： 在用户操作错误或输入无效时，提供适当的反馈与提示信息，以便用户了解操作状态或错误原因。

  4. 界面清晰： 界面布局清晰明了，确保用户能够轻松找到功能按钮和预览区域。

  5. 实时预览： 尽可能提供实时或及时的图片预览，以便用户确认转换效果。

  6. 容错性： 能够处理常见的图片格式，如 PNG、JPEG 等，并能够正确处理 Base64 编码的数据。

  7. 用户友好性： 界面简洁友好，操作直观，让用户能够方便地完成图片与 Base64 编码之间的转换与预览。

核心代码实现

新增两个新的控件 
#include <QFile>
#include <QFileDialog>

class Base64ImageConverter : public QWidget {
Q_OBJECT
public:
    explicit Base64ImageConverter(QWidget *parent = nullptr) : QWidget(parent) {
        auto *layout = new QVBoxLayout(this);

        selectImageButton = new QPushButton("选择图片", this);
        connect(selectImageButton, &QPushButton::clicked, this, &Base64ImageConverter::selectImage);
        layout->addWidget(selectImageButton);

        imagePathTextEdit = new QTextEdit(this);
        imagePathTextEdit->setReadOnly(true);
        layout->addWidget(imagePathTextEdit);

        convertToBase64Button = new QPushButton("转换为Base64编码", this);
        connect(convertToBase64Button, &QPushButton::clicked, this, &Base64ImageConverter::convertToBase64);
        layout->addWidget(convertToBase64Button);

        base64OutputTextEdit = new QTextEdit(this);
        base64OutputTextEdit->setAcceptRichText(false);
        layout->addWidget(base64OutputTextEdit);

        convertToImagePreviewButton = new QPushButton("Base64编码转图片预览", this);
        connect(convertToImagePreviewButton, &QPushButton::clicked, this, &Base64ImageConverter::convertToImagePreview);
        layout->addWidget(convertToImagePreviewButton);

        imagePreviewLabel = new QLabel(this);
        imagePreviewLabel->setFixedHeight(200); // 设置图片高度为 200
        layout->addWidget(imagePreviewLabel);

        setLayout(layout);
    }

private slots:
    void selectImage() {
        // 创建文件对话框用于选择图片文件
        QString imagePath = QFileDialog::getOpenFileName(this, tr("选择图片"), "", tr("Images (*.png *.jpg *.bmp)"));

        // 如果用户选择了图片文件，则显示文件路径
        if (!imagePath.isEmpty()) {
            imagePathTextEdit->setText(imagePath);
            selectedImagePath = imagePath;
        }
    }

    void convertToBase64() {
        if (selectedImagePath.isEmpty()) {
            QMessageBox::warning(this, "警告", "请先选择图片");
            return;
        }

        // 读取选定图片文件的内容
        QFile file(selectedImagePath);
        if (file.open(QIODevice::ReadOnly)) {
            QByteArray imageData = file.readAll();
            QString base64Data = imageData.toBase64();

            base64OutputTextEdit->setText(base64Data);
        } else {
            QMessageBox::critical(this, "错误", "无法读取图片文件");
        }
    }

    void convertToImagePreview() {
        QString base64Data = base64OutputTextEdit->toPlainText().toUtf8();

        if (base64Data.isEmpty()) {
            QMessageBox::warning(this, "警告", "请先转换为Base64编码");
            return;
        }

        // 从Base64数据创建QImage并显示在标签中
        QByteArray byteArray = QByteArray::fromBase64(base64Data.toUtf8());
        QImage image;
        image.loadFromData(byteArray);

        if (!image.isNull()) {
            // 水平居中对齐
            imagePreviewLabel->setAlignment(Qt::AlignHCenter);
            // 缩放图片到 200x200
            QPixmap pixmap = QPixmap::fromImage(image.scaled(200, 200, Qt::KeepAspectRatio));
            imagePreviewLabel->setPixmap(pixmap);
        } else {
            QMessageBox::critical(this, "错误", "无法加载图片");
        }
    }

private:
    QPushButton *selectImageButton;
    QTextEdit *imagePathTextEdit;
    QPushButton *convertToBase64Button;
    QTextEdit *base64OutputTextEdit;
    QPushButton *convertToImagePreviewButton;
    QLabel *imagePreviewLabel;
    QString selectedImagePath;
};

核心代码拆分讲解

首先，这段代码是一个自定义的 Base64ImageConverter 类，继承自 QWidget ，用于在界面中实现图片与 Base64 编码的转换。 

class Base64ImageConverter : public QWidget {
Q_OBJECT
public:
    explicit Base64ImageConverter(QWidget *parent = nullptr) : QWidget(parent) {
        // ... 界面布局
    }

private slots:
    void selectImage() {
        // ...
    }

    void convertToBase64() {
        // ...
    }

    void convertToImagePreview() {
        // ...
    }

private:
    // ... 控件指针和变量声明
};
界面布局 
auto *layout = new QVBoxLayout(this);

// 选择图片按钮
selectImageButton = new QPushButton("选择图片", this);
connect(selectImageButton, &QPushButton::clicked, this, &Base64ImageConverter::selectImage);
layout->addWidget(selectImageButton);

// 图片路径文本框
imagePathTextEdit = new QTextEdit(this);
imagePathTextEdit->setReadOnly(true);
layout->addWidget(imagePathTextEdit);

// 转换为Base64编码按钮
convertToBase64Button = new QPushButton("转换为Base64编码", this);
connect(convertToBase64Button, &QPushButton::clicked, this, &Base64ImageConverter::convertToBase64);
layout->addWidget(convertToBase64Button);

// Base64编码输出文本框
base64OutputTextEdit = new QTextEdit(this);
// 设置为可编辑
base64OutputTextEdit->setAcceptRichText(false);
layout->addWidget(base64OutputTextEdit);

// 转换为图片预览按钮
convertToImagePreviewButton = new QPushButton("Base64编码转图片预览", this);
connect(convertToImagePreviewButton, &QPushButton::clicked, this, &Base64ImageConverter::convertToImagePreview);
layout->addWidget(convertToImagePreviewButton);

// 图片预览标签
imagePreviewLabel = new QLabel(this);
imagePreviewLabel->setFixedHeight(200); // 设置图片高度为 200
layout->addWidget(imagePreviewLabel);

setLayout(layout);
成员函数
  1. 选择图片功能 
void selectImage() {
    QString imagePath = QFileDialog::getOpenFileName(this, tr("选择图片"), "", tr("Images (*.png *.jpg *.bmp)"));
    if (!imagePath.isEmpty()) {
        imagePathTextEdit->setText(imagePath);
        selectedImagePath = imagePath;
    }
}
  • QFileDialog::getOpenFileName 是一个静态函数，用于获取用户选择的文件路径对话框。
  • imagePathTextEdit->setText(imagePath) 将选择的图片路径显示在 imagePathTextEdit 文本框中。
  • selectedImagePath 存储用户选择的图片路径。
  1. 转换为 Base64 编码功能 
void convertToBase64() {
    if (selectedImagePath.isEmpty()) {
        QMessageBox::warning(this, "警告", "请先选择图片");
        return;
    }

    QFile file(selectedImagePath);
    if (file.open(QIODevice::ReadOnly)) {
        QByteArray imageData = file.readAll();
        QString base64Data = imageData.toBase64();
        base64OutputTextEdit->setText(base64Data);
    } else {
        QMessageBox::critical(this, "错误", "无法读取图片文件");
    }
}
  • QFile 用于访问文件。 QIODevice::ReadOnly 表示以只读模式打开文件。
  • file.readAll() 读取整个文件内容到 imageData 中。
  • imageData.toBase64() 将图片数据转换为 Base64 编码。
  • base64OutputTextEdit->setText(base64Data) 将 Base64 编码显示在 base64OutputTextEdit 文本框中。
  1. Base64 编码转换为图片预览功能 
void convertToImagePreview() {
    QString base64Data = base64OutputTextEdit->toPlainText().toUtf8();

    if (base64Data.isEmpty()) {
        QMessageBox::warning(this, "警告", "请先转换为Base64编码");
        return;
    }

    QByteArray byteArray = QByteArray::fromBase64(base64Data.toUtf8());
    QImage image;
    image.loadFromData(byteArray);

    if (!image.isNull()) {
    	// 水平居中对齐
        imagePreviewLabel->setAlignment(Qt::AlignHCenter);
        QPixmap pixmap = QPixmap::fromImage(image.scaled(200, 200, Qt::KeepAspectRatio));
        imagePreviewLabel->setPixmap(pixmap);
    } else {
        QMessageBox::critical(this, "错误", "无法加载图片");
    }
}
  • imagePreviewLabel->setAlignment(Qt::AlignHCenter) 设置图片在标签中水平居中显示。
  • QByteArray::fromBase64 将 Base64 编码的字符串转换为字节数组。
  • QImage::loadFromData 从字节数组加载图像数据到 image 对象中。
  • QPixmap::fromImage 将 QImage 转换为 QPixmap ，并使用 scaled 调整图片大小。
  • imagePreviewLabel->setPixmap(pixmap) 在 imagePreviewLabel 标签中显示图片。

好了，总体上这个小工具为我们提供了选择图片、将图片转换为 Base64 编码和将 Base64 编码转换为图片预览的功能。

讲解完毕，下面是完整代码，复制到本地跑一跑吧~ 

#include <QApplication>
#include <QWidget>
#include <QPushButton>
#include <QVBoxLayout>
#include <QMessageBox>
#include <QDebug>
#include <QListWidget>
#include <QClipboard>
#include <QMimeData>
#include <QTextEdit>
#include <QJsonDocument>
#include <QJsonObject>
#include <QDateTime>
#include <QLabel>
#include <QComboBox>
#include <QLineEdit>
#include <QXmlStreamReader>
#include <QFile>
#include <QFileDialog>

#define myApp (dynamic_cast<QApplication *>(QCoreApplication::instance()))

class Base64ImageConverter : public QWidget {
Q_OBJECT
public:
    explicit Base64ImageConverter(QWidget *parent = nullptr) : QWidget(parent) {
        auto *layout = new QVBoxLayout(this);

        selectImageButton = new QPushButton("选择图片", this);
        connect(selectImageButton, &QPushButton::clicked, this, &Base64ImageConverter::selectImage);
        layout->addWidget(selectImageButton);

        imagePathTextEdit = new QTextEdit(this);
        imagePathTextEdit->setReadOnly(true);
        layout->addWidget(imagePathTextEdit);

        convertToBase64Button = new QPushButton("转换为Base64编码", this);
        connect(convertToBase64Button, &QPushButton::clicked, this, &Base64ImageConverter::convertToBase64);
        layout->addWidget(convertToBase64Button);

        base64OutputTextEdit = new QTextEdit(this);
        base64OutputTextEdit->setAcceptRichText(false);
        layout->addWidget(base64OutputTextEdit);

        convertToImagePreviewButton = new QPushButton("Base64编码转图片预览", this);
        connect(convertToImagePreviewButton, &QPushButton::clicked, this, &Base64ImageConverter::convertToImagePreview);
        layout->addWidget(convertToImagePreviewButton);

        imagePreviewLabel = new QLabel(this);
        imagePreviewLabel->setFixedHeight(200); // 设置图片高度为 200
        layout->addWidget(imagePreviewLabel);

        setLayout(layout);
    }

private slots:
    void selectImage() {
        // 创建文件对话框用于选择图片文件
        QString imagePath = QFileDialog::getOpenFileName(this, tr("选择图片"), "", tr("Images (*.png *.jpg *.bmp)"));

        // 如果用户选择了图片文件，则显示文件路径
        if (!imagePath.isEmpty()) {
            imagePathTextEdit->setText(imagePath);
            selectedImagePath = imagePath;
        }
    }

    void convertToBase64() {
        if (selectedImagePath.isEmpty()) {
            QMessageBox::warning(this, "警告", "请先选择图片");
            return;
        }

        // 读取选定图片文件的内容
        QFile file(selectedImagePath);
        if (file.open(QIODevice::ReadOnly)) {
            QByteArray imageData = file.readAll();
            QString base64Data = imageData.toBase64();

            base64OutputTextEdit->setText(base64Data);
        } else {
            QMessageBox::critical(this, "错误", "无法读取图片文件");
        }
    }

    void convertToImagePreview() {
        QString base64Data = base64OutputTextEdit->toPlainText().toUtf8();

        if (base64Data.isEmpty()) {
            QMessageBox::warning(this, "警告", "请先转换为Base64编码");
            return;
        }

        // 从Base64数据创建QImage并显示在标签中
        QByteArray byteArray = QByteArray::fromBase64(base64Data.toUtf8());
        QImage image;
        image.loadFromData(byteArray);

        if (!image.isNull()) {
            // 水平居中对齐
            imagePreviewLabel->setAlignment(Qt::AlignHCenter);
            // 缩放图片到 200x200
            QPixmap pixmap = QPixmap::fromImage(image.scaled(200, 200, Qt::KeepAspectRatio));
            imagePreviewLabel->setPixmap(pixmap);
        } else {
            QMessageBox::critical(this, "错误", "无法加载图片");
        }
    }

private:
    QPushButton *selectImageButton;
    QTextEdit *imagePathTextEdit;
    QPushButton *convertToBase64Button;
    QTextEdit *base64OutputTextEdit;
    QPushButton *convertToImagePreviewButton;
    QLabel *imagePreviewLabel;
    QString selectedImagePath;
};

class Base64Converter : public QWidget {
Q_OBJECT
public:
    explicit Base64Converter(QWidget *parent = nullptr) : QWidget(parent) {
        auto *layout = new QVBoxLayout(this);

        inputTextEdit = new QTextEdit(this);
        layout->addWidget(inputTextEdit);

        encryptButton = new QPushButton("加密", this);
        connect(encryptButton, &QPushButton::clicked, this, &Base64Converter::encryptText);
        layout->addWidget(encryptButton);

        decryptButton = new QPushButton("解密", this);
        connect(decryptButton, &QPushButton::clicked, this, &Base64Converter::decryptText);
        layout->addWidget(decryptButton);

        outputTextEdit = new QTextEdit(this);
        outputTextEdit->setReadOnly(true);
        layout->addWidget(outputTextEdit);

        setLayout(layout);
    }

private slots:
    void encryptText() {
        QString inputText = inputTextEdit->toPlainText().toUtf8();
        QByteArray byteArray = inputText.toUtf8().toBase64();
        outputTextEdit->setText(byteArray);
    }

    void decryptText() {
        QString inputText = inputTextEdit->toPlainText();
        QByteArray byteArray = QByteArray::fromBase64(inputText.toUtf8());
        outputTextEdit->setText(byteArray);
    }

private:
    QTextEdit *inputTextEdit;
    QTextEdit *outputTextEdit;
    QPushButton *encryptButton;
    QPushButton *decryptButton;
};

class XmlFormatter : public QWidget {
Q_OBJECT
public:
    explicit XmlFormatter(QWidget *parent = nullptr) : QWidget(parent) {
        auto *layout = new QVBoxLayout(this);

        inputTextEdit = new QTextEdit(this);
        layout->addWidget(inputTextEdit);

        formatButton = new QPushButton("格式化 XML", this);
        connect(formatButton, &QPushButton::clicked, this, &XmlFormatter::formatXml);
        layout->addWidget(formatButton);

        outputTextEdit = new QTextEdit(this);
        outputTextEdit->setReadOnly(true);
        layout->addWidget(outputTextEdit);

        setLayout(layout);
    }

private slots:
    void formatXml() {
        // 获取输入的XML文本
        QString inputText = inputTextEdit->toPlainText();

        if (!inputText.isEmpty()) {
            // 使用 QXmlStreamReader 读取输入的 XML 文本
            QXmlStreamReader reader(inputText);
            QString formattedXml;

            int indentLevel = 0;
            while (!reader.atEnd() && !reader.hasError()) {
                if (reader.isStartElement()) {
                    formattedXml += getIndent(indentLevel) + "<" + reader.name().toString() + ">\n";
                    ++indentLevel;
                } else if (reader.isEndElement()) {
                    --indentLevel;
                    formattedXml += getIndent(indentLevel) + "</" + reader.name().toString() + ">\n";
                } else if (reader.isCharacters() && !reader.isWhitespace()) {
                    formattedXml += getIndent(indentLevel) + reader.text().toString() + "\n";
                }
                reader.readNext();
            }

            if (reader.hasError()) {
                outputTextEdit->setText("XML 解析错误：" + reader.errorString());
            } else {
                outputTextEdit->setText(formattedXml);
            }
        } else {
            // 如果输入为空，则清空输出区域
            outputTextEdit->clear();
        }
    }

    static QString getIndent(int level) {
        return QString(level * 4, ' '); // 4空格作为缩进
    }

private:
    QTextEdit *inputTextEdit;
    QPushButton *formatButton;
    QTextEdit *outputTextEdit;
};

class NumberBaseConverter : public QWidget {
Q_OBJECT
public:
    explicit NumberBaseConverter(QWidget *parent = nullptr) : QWidget(parent) {
        auto *layout = new QVBoxLayout(this);
        // 横向排列的输入框和选择框
        auto *horizontalLayout = new QHBoxLayout();

        // 创建输入框并添加到水平布局
        inputLineEdit = new QLineEdit(this);
        horizontalLayout->addWidget(inputLineEdit);

        // 连接输入框的文本变化信号到槽函数
        connect(inputLineEdit, &QLineEdit::textChanged, this, &NumberBaseConverter::convertNumber);

        // 创建下拉选择框并添加到水平布局
        baseComboBox = new QComboBox(this);
        baseComboBox->addItem("二进制");
        baseComboBox->addItem("八进制");
        baseComboBox->addItem("十进制");
        baseComboBox->addItem("十六进制");
        horizontalLayout->addWidget(baseComboBox);

        // 将水平布局添加到垂直布局
        layout->addLayout(horizontalLayout);

        // 创建四个只读的输出框并添加到垂直布局
        binaryOutput = new QLineEdit(this);
        binaryOutput->setReadOnly(true);
        layout->addWidget(binaryOutput);

        octalOutput = new QLineEdit(this);
        octalOutput->setReadOnly(true);
        layout->addWidget(octalOutput);

        decimalOutput = new QLineEdit(this);
        decimalOutput->setReadOnly(true);
        layout->addWidget(decimalOutput);

        hexOutput = new QLineEdit(this);
        hexOutput->setReadOnly(true);
        layout->addWidget(hexOutput);

        // 连接下拉选择框的选择变化信号到槽函数，并进行初始转换
        connect(baseComboBox, QOverload<int>::of(&QComboBox::currentIndexChanged), this, &NumberBaseConverter::convertNumber);
        convertNumber(); // 初始转换

        setLayout(layout); // 设置整体布局
    }

private slots:
    void convertNumber() {
        QString inputText = inputLineEdit->text();
        bool ok;
        int base = baseComboBox->currentIndex();

        if (!inputText.isEmpty()) {
            // 根据所选进制进行转换
            if (base == 0) {
                int number = inputText.toInt(&ok, 2); // 二进制转十进制
                if (ok) {
                    binaryOutput->setText(inputText);
                    octalOutput->setText(QString::number(number, 8));
                    decimalOutput->setText(QString::number(number));
                    hexOutput->setText(QString::number(number, 16).toUpper());
                }
            } else if (base == 1) {
                // 八进制转换
                int number = inputText.toInt(&ok, 8);
                if (ok) {
                    binaryOutput->setText(QString::number(number, 2));
                    octalOutput->setText(inputText);
                    decimalOutput->setText(QString::number(number));
                    hexOutput->setText(QString::number(number, 16).toUpper());
                }
            } else if (base == 2) {
                // 十进制转换
                int number = inputText.toInt(&ok, 10);
                if (ok) {
                    binaryOutput->setText(QString::number(number, 2));
                    octalOutput->setText(QString::number(number, 8));
                    decimalOutput->setText(inputText);
                    hexOutput->setText(QString::number(number, 16).toUpper());
                }
            } else if (base == 3) {
                // 十六进制转换
                int number = inputText.toInt(&ok, 16);
                if (ok) {
                    binaryOutput->setText(QString::number(number, 2));
                    octalOutput->setText(QString::number(number, 8));
                    decimalOutput->setText(QString::number(number));
                    hexOutput->setText(inputText.toUpper());
                }
            }
        } else {
            // 如果输入为空，则清空输出
            binaryOutput->clear();
            octalOutput->clear();
            decimalOutput->clear();
            hexOutput->clear();
        }
    }

private:
    QLineEdit *inputLineEdit;
    QComboBox *baseComboBox;
    QLineEdit *binaryOutput;
    QLineEdit *octalOutput;
    QLineEdit *decimalOutput;
    QLineEdit *hexOutput;
};

class PlaceholderTextEdit : public QWidget {
Q_OBJECT
public:
    explicit PlaceholderTextEdit(const QString &placeholderText, QWidget *parent = nullptr) : QWidget(parent) {
        auto *layout = new QVBoxLayout(this);

        placeholderLabel = new QLabel(placeholderText, this);
        layout->addWidget(placeholderLabel);

        textEdit = new QTextEdit(this);
        layout->addWidget(textEdit);

        connect(textEdit, &QTextEdit::textChanged, this, &PlaceholderTextEdit::checkPlaceholder);
        checkPlaceholder(); // 初始检查

        setLayout(layout);
    }

    QString getText() const {
        return textEdit->toPlainText();
    }

private slots:
    void checkPlaceholder() {
        placeholderLabel->setVisible(textEdit->toPlainText().isEmpty());
    }

private:
    QLabel *placeholderLabel;
    QTextEdit *textEdit;
};

class DateTimeTimestampConverter : public QWidget {
Q_OBJECT
public:
    explicit DateTimeTimestampConverter(QWidget *parent = nullptr) : QWidget(parent) {
        auto *layout = new QVBoxLayout(this);

        inputTextEdit = new PlaceholderTextEdit("在此输入日期时间或时间戳", this);
        layout->addWidget(inputTextEdit);

        convertToTimestampButton = new QPushButton("日期时间转时间戳", this);
        connect(convertToTimestampButton, &QPushButton::clicked, this, &DateTimeTimestampConverter::convertToTimestamp);
        layout->addWidget(convertToTimestampButton);

        convertToDateTimeButton = new QPushButton("时间戳转日期时间", this);
        connect(convertToDateTimeButton, &QPushButton::clicked, this, &DateTimeTimestampConverter::convertToDateTime);
        layout->addWidget(convertToDateTimeButton);

        outputTextEdit = new QTextEdit(this);
        outputTextEdit->setReadOnly(true);
        layout->addWidget(outputTextEdit);

        setLayout(layout);
    }

private slots:
    void convertToTimestamp() {
        QString inputText = inputTextEdit->getText();
        QDateTime dateTime = QDateTime::fromString(inputText, "yyyy-MM-dd HH:mm:ss");

        if (dateTime.isValid()) {
            qint64 timestamp = dateTime.toSecsSinceEpoch();
            outputTextEdit->setText(QString::number(timestamp));
        } else {
            outputTextEdit->setText("无效的日期时间格式！");
        }
    }

    void convertToDateTime() {
        QString inputText = inputTextEdit->getText();
        bool ok;
        qint64 timestamp = inputText.toLongLong(&ok);

        if (ok) {
            QDateTime dateTime;
            dateTime.setSecsSinceEpoch(timestamp);

            outputTextEdit->setText("时间戳 " + inputText + " 对应的日期时间是：" + dateTime.toString("yyyy-MM-dd HH:mm:ss"));
        } else {
            outputTextEdit->setText("无效的时间戳格式！");
        }
    }

private:
    QPushButton *convertToTimestampButton;
    QPushButton *convertToDateTimeButton;
    QTextEdit *outputTextEdit;
    PlaceholderTextEdit *inputTextEdit;
};

class JsonFormatter : public QWidget {
Q_OBJECT
public:
    explicit JsonFormatter(QWidget *parent = nullptr) : QWidget(parent) {
        auto *layout = new QVBoxLayout(this);

        inputTextEdit = new QTextEdit(this);
        layout->addWidget(inputTextEdit);

        formatButton = new QPushButton("格式化", this);
        connect(formatButton, &QPushButton::clicked, this, &JsonFormatter::formatJson);
        layout->addWidget(formatButton);

        outputTextEdit = new QTextEdit(this);
        outputTextEdit->setReadOnly(true);
        layout->addWidget(outputTextEdit);

        setLayout(layout);
    }

private slots:
    void formatJson() {
        QString inputText = inputTextEdit->toPlainText();
        QJsonParseError error{};
        QJsonDocument jsonDoc = QJsonDocument::fromJson(inputText.toUtf8(), &error);

        if (error.error != QJsonParseError::NoError) {
            outputTextEdit->setText("JSON 解析错误：" + error.errorString());
            return;
        }

        QJsonObject jsonObj = jsonDoc.object();
        QJsonDocument formattedJson(jsonObj);

        outputTextEdit->setText(formattedJson.toJson());
    }

private:
    QTextEdit *inputTextEdit;
    QPushButton *formatButton;
    QTextEdit *outputTextEdit;
};

class ClipboardManager : public QWidget {
Q_OBJECT
public:
    explicit ClipboardManager(QWidget *parent = nullptr) : QWidget(parent) {
        auto *layout = new QVBoxLayout(this);

        listWidget = new QListWidget(this);
        updateList(); // 初始更新列表

        auto *clearButton = new QPushButton("清空记录", this);
        connect(clearButton, &QPushButton::clicked, this, &ClipboardManager::clearClipboard);

        layout->addWidget(listWidget);
        layout->addWidget(clearButton);

        setLayout(layout);

        connect(myApp->clipboard(), &QClipboard::dataChanged, this, &ClipboardManager::updateList);
    }

private slots:
    void updateList() {
        const QClipboard *clipboard = myApp->clipboard();
        const QMimeData *mimeData = clipboard->mimeData();

        if (mimeData->hasText()) {
            const QString clipboardText = mimeData->text();

            if (!clipboardText.isEmpty()) {
                listWidget->addItem(clipboardText);
            }
        }
    }

    void clearClipboard() {
        myApp->clipboard()->clear();
        listWidget->clear();
    }

private:
    QListWidget *listWidget;
};

class MyMainWindow : public QWidget {
Q_OBJECT
public:
    explicit MyMainWindow(QWidget *parent = nullptr) : QWidget(parent) {
        setWindowTitle("天河工具箱");

        auto *layout = new QVBoxLayout(this);

        auto *clipboardButton = new QPushButton("显示管理粘贴板记录功能");
        clipboardButton->setObjectName("clipboardButton");
        connect(clipboardButton, &QPushButton::clicked, this, &MyMainWindow::toggleClipboardManager);
        clipboardManager = new ClipboardManager(this);
        clipboardManager->hide();
        layout->addWidget(clipboardManager);
        layout->addWidget(clipboardButton);

        auto *jsonFormatButton = new QPushButton("显示格式化 JSON 功能");
        jsonFormatButton->setObjectName("jsonFormatButton");
        connect(jsonFormatButton, &QPushButton::clicked, this, &MyMainWindow::toggleJsonFormatter);
        jsonFormatter = new JsonFormatter(this);
        jsonFormatter->hide();
        layout->addWidget(jsonFormatter);
        layout->addWidget(jsonFormatButton);

        auto *timestampConverterButton = new QPushButton("显示时间戳转换功能");
        timestampConverterButton->setObjectName("timestampConverterButton");
        connect(timestampConverterButton, &QPushButton::clicked, this, &MyMainWindow::toggleDateTimeTimestampConverter);
        timestampConverter = new DateTimeTimestampConverter(this);
        timestampConverter->hide();
        layout->addWidget(timestampConverter);
        layout->addWidget(timestampConverterButton);

        auto *numberBaseConverterButton = new QPushButton("显示进制转换功能");
        numberBaseConverterButton->setObjectName("numberBaseConverterButton");
        connect(numberBaseConverterButton, &QPushButton::clicked, this, &MyMainWindow::toggleNumberBaseConverter);
        numberBaseConverter = new NumberBaseConverter(this);
        numberBaseConverter->hide();
        layout->addWidget(numberBaseConverter);
        layout->addWidget(numberBaseConverterButton);

        auto *xmlFormatterButton = new QPushButton("显示XML格式化功能");
        xmlFormatterButton->setObjectName("xmlFormatterButton");
        connect(xmlFormatterButton, &QPushButton::clicked, this, &MyMainWindow::toggleXmlFormatter);
        xmlFormatter = new XmlFormatter(this);
        xmlFormatter->hide();
        layout->addWidget(xmlFormatter);
        layout->addWidget(xmlFormatterButton);

        auto *base64ConverterButton = new QPushButton("显示Base64加解密功能");
        base64ConverterButton->setObjectName("base64ConverterButton");
        connect(base64ConverterButton, &QPushButton::clicked, this, &MyMainWindow::toggleBase64Converter);
        base64Converter = new Base64Converter(this);
        base64Converter->hide();
        layout->addWidget(base64Converter);
        layout->addWidget(base64ConverterButton);

        auto *base64ImageConverterButton = new QPushButton("显示Base64图片预览功能");
        base64ImageConverterButton->setObjectName("base64ImageConverterButton");
        connect(base64ImageConverterButton, &QPushButton::clicked, this, &MyMainWindow::toggleBase64ImageConverter);
        base64ImageConverter = new Base64ImageConverter(this);
        base64ImageConverter->hide();
        layout->addWidget(base64ImageConverter);
        layout->addWidget(base64ImageConverterButton);

        setLayout(layout);
    }

private slots:

    void toggleClipboardManager() {
        auto* curButton = findChild<QPushButton*>("clipboardButton");
        if (clipboardManager->isHidden()) {
            if (curButton) {
                curButton->setText("隐藏管理粘贴板记录");
            }
            clipboardManager->show();
        } else {
            if (curButton) {
                curButton->setText("显示管理粘贴板记录");
            }
            clipboardManager->hide();
        }
    }

    void toggleJsonFormatter() {
        auto* curButton = findChild<QPushButton*>("jsonFormatButton");
        if (jsonFormatter->isHidden()) {
            if (curButton) {
                curButton->setText("隐藏格式化 JSON");
            }
            jsonFormatter->show();
        } else {
            if (curButton) {
                curButton->setText("显示格式化 JSON");
            }
            jsonFormatter->hide();
        }
    }

    void toggleDateTimeTimestampConverter() {
        auto* curButton = findChild<QPushButton*>("timestampConverterButton");
        if (timestampConverter->isHidden()) {
            if (curButton) {
                curButton->setText("隐藏时间戳转换");
            }
            timestampConverter->show();
        } else {
            if (curButton) {
                curButton->setText("显示时间戳转换");
            }
            timestampConverter->hide();
        }
    }

    void toggleNumberBaseConverter() {
        auto* curButton = findChild<QPushButton*>("numberBaseConverterButton");
        if (numberBaseConverter->isHidden()) {
            if (curButton) {
                curButton->setText("隐藏进制转换器");
            }
            numberBaseConverter->show();
        } else {
            if (curButton) {
                curButton->setText("显示进制转换器");
            }
            numberBaseConverter->hide();
        }
    }

    void toggleXmlFormatter() {
        auto* curButton = findChild<QPushButton*>("xmlFormatterButton");
        if (xmlFormatter->isHidden()) {
            if (curButton) {
                curButton->setText("隐藏XML格式化");
            }
            xmlFormatter->show();
        } else {
            if (curButton) {
                curButton->setText("显示XML格式化");
            }
            xmlFormatter->hide();
        }
    }

    void toggleBase64Converter() {
        auto* curButton = findChild<QPushButton*>("base64ConverterButton");
        if (base64Converter->isHidden()) {
            if (curButton) {
                curButton->setText("隐藏Base64加解密功能");
            }
            base64Converter->show();
        } else {
            if (curButton) {
                curButton->setText("显示Base64加解密功能");
            }
            base64Converter->hide();
        }
    }

    void toggleBase64ImageConverter() {
        auto* curButton = findChild<QPushButton*>("base64ImageConverterButton");
        if (base64ImageConverter->isHidden()) {
            if (curButton) {
                curButton->setText("隐藏Base64图片预览功能");
            }
            base64ImageConverter->show();
        } else {
            if (curButton) {
                curButton->setText("显示Base64图片预览功能");
            }
            base64ImageConverter->hide();
        }
    }

private:
    ClipboardManager *clipboardManager;
    JsonFormatter *jsonFormatter;
    DateTimeTimestampConverter *timestampConverter;
    NumberBaseConverter *numberBaseConverter;
    XmlFormatter *xmlFormatter;
    Base64Converter *base64Converter;
    Base64ImageConverter *base64ImageConverter;
};

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

    MyMainWindow mainWindow;
    mainWindow.show();

    return QApplication::exec();
}

#include "main.moc"

想要了解这个小工具是如何发展到现在这个地步的话，就看看往期文章吧~，记得要多跑一跑代码。如果大家有什么想要的功能或者想问的问题的话，就在评论区留言吧。Thanks♪(･ω･)ﾉ

往期文章一览

C++学习之路（一）什么是C++？如何循序渐进的学习C++？【纯干货】 >https://blog.csdn.net/Backli/article/details/134588630

C++学习之路（二）C++如何实现一个超简单的学生信息管理系统？C++示例和小项目实例 >https://blog.csdn.net/Backli/article/details/134588988

C++学习之路（三）解析讲解超简单学生信息管理系统代码知识点 - 《根据实例学知识》 >https://blog.csdn.net/Backli/article/details/134604788

C++学习之路（四）C++ 实现简单的待办事项列表命令行应用 - 示例代码拆分讲解 >https://blog.csdn.net/Backli/article/details/134631145

C++学习之路（五）C++ 实现简单的文件管理系统命令行应用 - 示例代码拆分讲解 >https://blog.csdn.net/Backli/article/details/134631780

C++学习之路（六）C++ 实现简单的工具箱系统命令行应用 - 示例代码拆分讲解 >https://blog.csdn.net/Backli/article/details/134633529

C++学习之路（七）C++ 实现简单的Qt界面（消息弹框、按钮点击事件监听）- 示例代码拆分讲解 >https://blog.csdn.net/Backli/article/details/134635793

C++学习之路（八）C++ 用Qt5实现一个工具箱（增加一个粘贴板记录管理功能）- 示例代码拆分讲解 >https://blog.csdn.net/Backli/article/details/134656147

C++学习之路（九）C++ 用Qt5实现一个工具箱（增加一个JSON数据格式化功能）- 示例代码拆分讲解 >https://blog.csdn.net/Backli/article/details/134657035

C++学习之路（十）C++ 用Qt5实现一个工具箱（增加一个时间戳转换功能）- 示例代码拆分讲解 >https://blog.csdn.net/Backli/article/details/134676622

C++学习之路（十一）C++ 用Qt5实现一个工具箱（增加一个进制转换器功能）- 示例代码拆分讲解 >https://blog.csdn.net/Backli/article/details/134678451

C++学习之路（十二）C++ 用Qt5实现一个工具箱（增加一个XML文本格式化功能）- 示例代码拆分讲解 >https://blog.csdn.net/Backli/article/details/134700245

C++学习之路（十三）C++ 用Qt5实现一个工具箱（增加一个Base64加解密功能）- 示例代码拆分讲解 >https://blog.csdn.net/Backli/article/details/134701333

好了~ 本文就到这里了，感谢您的阅读，每天还有更多的实例学习文章等着你

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

c

QT

C实例

QT5教程

C++学习之路（十四）C++ 用Qt5实现一个工具箱（增加一个Base64图片编码预览功能）- 示例代码拆分讲解 的相关文章