Qt 框架概述
Qt 是一個跨平臺的 C++ 應用程序開發框架，廣泛用于開發圖形用戶界面程序。其核心特性包括跨平臺能力、豐富的功能模塊和強大的工具集。
核心概念與機制
元對象系統
Qt 擴展了標準 C++，通過元對象系統提供信號與槽機制、運行時類型信息和動態屬性系統。任何需要使用這些特性的類都必須繼承 QObject 并在類聲明中包含 Q_OBJECT 宏。
信號與槽機制
信號與槽是 Qt 的核心通信機制，用于對象間的解耦通信。
信號是特殊成員函數，在特定事件發生時被發射：
cpp
class DataSender : public QObject {Q_OBJECT
signals:void dataReceived(const QByteArray &data);void imageProcessed(const QImage &image);
};槽是普通成員函數，用于響應信號：
cpp
class DataProcessor : public QObject {Q_OBJECT
public slots:void handleData(const QByteArray &data) {// 處理數據}
};連接信號與槽：
cpp
QObject::connect(sender, &DataSender::dataReceived, processor, &DataProcessor::handleData);
事件處理
Qt 應用程序基于事件循環機制，處理用戶輸入、定時器、網絡事件等。可以重寫事件處理函數來處理特定事件：
cpp
class CustomWidget : public QWidget {
protected:void mousePressEvent(QMouseEvent *event) override {// 處理鼠標點擊事件}void keyPressEvent(QKeyEvent *event) override {// 處理鍵盤事件}
};核心模塊詳解
GUI 模塊
Qt GUI 模塊提供基礎 GUI 功能，包括窗口管理、事件處理和 OpenGL 集成。
Widgets 模塊
提供豐富的 UI 控件集合：
QMainWindow：主窗口類，帶菜單欄、工具欄和狀態欄
QDialog：對話框基類
QLabel：文本和圖像顯示
QPushButton：按鈕
QLineEdit：單行文本輸入
QTextEdit：多行文本編輯
QComboBox：下拉列表框
QListWidget：列表視圖
QTreeWidget：樹形視圖
QTableWidget：表格視圖
Network 模塊
提供網絡編程支持：
QTcpSocket：TCP 客戶端通信
QTcpServer：TCP 服務器
QUdpSocket：UDP 通信
QNetworkAccessManager：HTTP 通信
QNetworkRequest：網絡請求構造
QNetworkReply：網絡響應處理
數據處理與圖像處理
數據序列化
Qt 提供多種數據序列化方式：
cpp
// JSON 數據處理 QJsonObject jsonObject; jsonObject["name"] = "client"; jsonObject["data"] = "example data";QJsonDocument jsonDoc(jsonObject); QByteArray jsonData = jsonDoc.toJson();// 從 JSON 解析 QJsonDocument receivedDoc = QJsonDocument::fromJson(receivedData); QJsonObject obj = receivedDoc.object(); QString name = obj["name"].toString();
圖像處理
Qt 提供強大的圖像處理能力：
cpp
// 圖像加載和顯示
QPixmap pixmap("image.png");
QLabel *imageLabel = new QLabel;
imageLabel->setPixmap(pixmap);// 圖像處理
QImage image("photo.jpg");
image = image.scaled(800, 600, Qt::KeepAspectRatio);
image = image.convertToFormat(QImage::Format_RGB32);// 繪制圖像
QPainter painter;
painter.begin(&image);
painter.drawText(10, 10, "Processed Image");
painter.end();網絡通信實現
TCP 客戶端實現
cpp
class NetworkClient : public QObject {Q_OBJECT
public:NetworkClient(QObject *parent = nullptr) : QObject(parent) {connect(&socket, &QTcpSocket::connected, this, &NetworkClient::onConnected);connect(&socket, &QTcpSocket::readyRead, this, &NetworkClient::onDataReceived);connect(&socket, &QTcpSocket::disconnected, this, &NetworkClient::onDisconnected);connect(&socket, QOverload<QAbstractSocket::SocketError>::of(&QAbstractSocket::errorOccurred),this, &NetworkClient::onError);}void connectToServer(const QString &host, quint16 port) {socket.connectToHost(host, port);}void sendData(const QByteArray &data) {if (socket.state() == QAbstractSocket::ConnectedState) {// 添加數據長度前綴QByteArray packet;QDataStream stream(&packet, QIODevice::WriteOnly);stream << quint32(data.size());packet.append(data);socket.write(packet);}}void sendImage(const QImage &image) {QByteArray imageData;QBuffer buffer(&imageData);buffer.open(QIODevice::WriteOnly);image.save(&buffer, "PNG");sendData(imageData);}signals:void dataReceived(const QByteArray &data);void imageReceived(const QImage &image);void connected();void disconnected();void errorOccurred(const QString &error);private slots:void onConnected() {emit connected();}void onDataReceived() {static quint32 packetSize = 0;while (socket.bytesAvailable() > 0) {if (packetSize == 0) {if (socket.bytesAvailable() < sizeof(quint32))return;QDataStream stream(&socket);stream >> packetSize;}if (socket.bytesAvailable() < packetSize)return;QByteArray data = socket.read(packetSize);packetSize = 0;// 檢查是否為圖像數據if (data.startsWith("\x89PNG") || data.startsWith("\xFF\xD8")) {QImage image;if (image.loadFromData(data)) {emit imageReceived(image);}} else {emit dataReceived(data);}}}void onDisconnected() {emit disconnected();}void onError(QAbstractSocket::SocketError socketError) {emit errorOccurred(socket.errorString());}private:QTcpSocket socket;
};HTTP 客戶端實現
cpp
class HttpClient : public QObject {Q_OBJECT
public:HttpClient(QObject *parent = nullptr) : QObject(parent) {connect(&manager, &QNetworkAccessManager::finished,this, &HttpClient::onRequestFinished);}void get(const QUrl &url) {QNetworkRequest request(url);manager.get(request);}void post(const QUrl &url, const QByteArray &data) {QNetworkRequest request(url);request.setHeader(QNetworkRequest::ContentTypeHeader, "application/json");manager.post(request, data);}void uploadImage(const QUrl &url, const QImage &image) {QByteArray imageData;QBuffer buffer(&imageData);buffer.open(QIODevice::WriteOnly);image.save(&buffer, "PNG");QNetworkRequest request(url);request.setHeader(QNetworkRequest::ContentTypeHeader, "image/png");manager.post(request, imageData);}signals:void responseReceived(const QByteArray &data);void imageDownloaded(const QImage &image);void errorOccurred(const QString &error);private slots:void onRequestFinished(QNetworkReply *reply) {if (reply->error() == QNetworkReply::NoError) {QByteArray data = reply->readAll();QString contentType = reply->header(QNetworkRequest::ContentTypeHeader).toString();if (contentType.contains("image")) {QImage image;if (image.loadFromData(data)) {emit imageDownloaded(image);}} else {emit responseReceived(data);}} else {emit errorOccurred(reply->errorString());}reply->deleteLater();}private:QNetworkAccessManager manager;
};多線程處理
使用 QThread
cpp
class DataProcessorThread : public QThread {Q_OBJECT
public:explicit DataProcessorThread(QObject *parent = nullptr) : QThread(parent) {}void processData(const QByteArray &data) {QMutexLocker locker(&mutex);this->data = data;condition.wakeOne();}signals:void processingFinished(const QByteArray &result);void imageProcessingFinished(const QImage &result);protected:void run() override {while (!isInterruptionRequested()) {QByteArray localData;{QMutexLocker locker(&mutex);if (data.isEmpty()) {condition.wait(&mutex);}localData = data;data.clear();}if (!localData.isEmpty()) {// 數據處理QByteArray result = processDataInternal(localData);emit processingFinished(result);}}}private:QByteArray processDataInternal(const QByteArray &data) {// 實際的數據處理邏輯return data.toUpper();}QByteArray data;QMutex mutex;QWaitCondition condition;
};界面設計與數據綁定
使用 Model/View 架構
cpp
class DataModel : public QAbstractTableModel {Q_OBJECT
public:explicit DataModel(QObject *parent = nullptr) : QAbstractTableModel(parent) {}int rowCount(const QModelIndex &parent = QModelIndex()) const override {return dataList.size();}int columnCount(const QModelIndex &parent = QModelIndex()) const override {return 3;}QVariant data(const QModelIndex &index, int role = Qt::DisplayRole) const override {if (!index.isValid() || role != Qt::DisplayRole)return QVariant();if (index.column() == 0) {return dataList[index.row()].timestamp;} else if (index.column() == 1) {return dataList[index.row()].type;} else if (index.column() == 2) {return dataList[index.row()].value;}return QVariant();}QVariant headerData(int section, Qt::Orientation orientation, int role) const override {if (role == Qt::DisplayRole && orientation == Qt::Horizontal) {switch (section) {case 0: return "Timestamp";case 1: return "Type";case 2: return "Value";}}return QVariant();}void addData(const DataItem &item) {beginInsertRows(QModelIndex(), dataList.size(), dataList.size());dataList.append(item);endInsertRows();}void clear() {beginResetModel();dataList.clear();endResetModel();}private:struct DataItem {QDateTime timestamp;QString type;QVariant value;};QList<DataItem> dataList;
};自定義控件
cpp
class ImageViewer : public QWidget {Q_OBJECT
public:ImageViewer(QWidget *parent = nullptr) : QWidget(parent) {setMinimumSize(400, 300);}void setImage(const QImage &image) {currentImage = image;update();}protected:void paintEvent(QPaintEvent *event) override {QPainter painter(this);if (!currentImage.isNull()) {QImage scaledImage = currentImage.scaled(size(), Qt::KeepAspectRatio, Qt::SmoothTransformation);int x = (width() - scaledImage.width()) / 2;int y = (height() - scaledImage.height()) / 2;painter.drawImage(x, y, scaledImage);} else {painter.fillRect(rect(), Qt::lightGray);painter.drawText(rect(), Qt::AlignCenter, "No Image");}}void mousePressEvent(QMouseEvent *event) override {if (event->button() == Qt::LeftButton && !currentImage.isNull()) {emit imageClicked(event->pos());}}signals:void imageClicked(const QPoint &position);private:QImage currentImage;
};完整的客戶端示例
cpp
class ClientApplication : public QMainWindow {Q_OBJECT
public:ClientApplication(QWidget *parent = nullptr) : QMainWindow(parent) {setupUI();setupConnections();}private:void setupUI() {// 創建中央部件和布局QWidget *centralWidget = new QWidget;QVBoxLayout *mainLayout = new QVBoxLayout(centralWidget);// 創建網絡狀態顯示statusLabel = new QLabel("Disconnected");mainLayout->addWidget(statusLabel);// 創建圖像顯示區域imageViewer = new ImageViewer;mainLayout->addWidget(imageViewer);// 創建控制按鈕QHBoxLayout *buttonLayout = new QHBoxLayout;connectButton = new QPushButton("Connect");disconnectButton = new QPushButton("Disconnect");requestImageButton = new QPushButton("Request Image");buttonLayout->addWidget(connectButton);buttonLayout->addWidget(disconnectButton);buttonLayout->addWidget(requestImageButton);mainLayout->addLayout(buttonLayout);// 創建數據顯示表格dataTable = new QTableView;dataModel = new DataModel(this);dataTable->setModel(dataModel);mainLayout->addWidget(dataTable);setCentralWidget(centralWidget);// 初始化網絡客戶端networkClient = new NetworkClient(this);httpClient = new HttpClient(this);}void setupConnections() {// 連接按鈕信號connect(connectButton, &QPushButton::clicked, this, [this]() {networkClient->connectToServer("127.0.0.1", 8080);});connect(disconnectButton, &QPushButton::clicked, this, [this]() {networkClient->disconnectFromServer();});connect(requestImageButton, &QPushButton::clicked, this, [this]() {httpClient->get(QUrl("http://127.0.0.1:8080/image"));});// 連接網絡客戶端信號connect(networkClient, &NetworkClient::connected, this, [this]() {statusLabel->setText("Connected");});connect(networkClient, &NetworkClient::disconnected, this, [this]() {statusLabel->setText("Disconnected");});connect(networkClient, &NetworkClient::dataReceived, this, [this](const QByteArray &data) {// 處理接收到的數據DataItem item;item.timestamp = QDateTime::currentDateTime();item.type = "TCP Data";item.value = QString::fromUtf8(data);dataModel->addData(item);});connect(networkClient, &NetworkClient::imageReceived, this, [this](const QImage &image) {imageViewer->setImage(image);DataItem item;item.timestamp = QDateTime::currentDateTime();item.type = "Image Received";item.value = QString("Size: %1x%2").arg(image.width()).arg(image.height());dataModel->addData(item);});// 連接 HTTP 客戶端信號connect(httpClient, &HttpClient::imageDownloaded, this, [this](const QImage &image) {imageViewer->setImage(image);});}// 成員變量QLabel *statusLabel;ImageViewer *imageViewer;QPushButton *connectButton;QPushButton *disconnectButton;QPushButton *requestImageButton;QTableView *dataTable;DataModel *dataModel;NetworkClient *networkClient;HttpClient *httpClient;
};這些基礎知識涵蓋了 Qt 的核心概念、網絡通信、圖像處理和界面設計，足以開發出能夠與服務器進行數據和圖像交互的客戶端程序。
 函數用戶使用手冊)
