在Qt編程中匆帚，用戶界面往往會顯示各種各樣的數(shù)據(jù)熬词，當(dāng)這些數(shù)據(jù)多了之后，往往不易管理吸重。本文分享一種通過數(shù)據(jù)驅(qū)動界面更新的方法互拾，統(tǒng)一界面數(shù)據(jù)的設(shè)置入口，利用鍵值對存儲數(shù)據(jù)嚎幸，同時達到數(shù)據(jù)和界面相分離的目的颜矿。
基本思想
- 數(shù)據(jù)與界面相分離，采用鍵值對的方式存儲用戶界面需要顯示的數(shù)據(jù)嫉晶；
- 當(dāng)數(shù)據(jù)發(fā)生改變時骑疆，發(fā)送信號通知界面更新田篇；
- 當(dāng)用戶操作界面時，返過去更新數(shù)據(jù)存儲箍铭。
界面類MyWidget
mywidget.h
#ifndef MYWIDGET_H
#define MYWIDGET_H
#include <QWidget>
namespace Ui {
class MyWidget;
}
class MyWidget : public QWidget
{
Q_OBJECT
public:
explicit MyWidget(QWidget *parent = 0);
~MyWidget();
//數(shù)據(jù)設(shè)置方法泊柬，通過鍵值對(字典)的方式設(shè)置數(shù)據(jù)。
//由updateUi參數(shù)決定數(shù)據(jù)設(shè)置之后是否通知界面更新
void setData(const QString &key, QVariant &data,bool updateUi = true);
signals:
//數(shù)據(jù)發(fā)生改變之后發(fā)送此信號
void onDataChanged(const QString& key,QVariant& data);
private slots:
//根據(jù)鍵值對將數(shù)據(jù)更新到界面控件中
void updateUi(const QString& key,QVariant& data);
//用戶操作界面控件之后诈火，反向更新數(shù)據(jù)
void on_lineEditKey1_textChanged(const QString &arg1);
void on_lineEditKey2_textChanged(const QString &arg1);
void on_lineEditKey3_textChanged(const QString &arg1);
private:
Ui::MyWidget *ui;
QVariantHash m_data;//數(shù)據(jù)存儲成員變量
};
#endif // MYWIDGET_H
mywidget.cpp
#include "mywidget.h"
#include "ui_mywidget.h"
#include <QDebug>
MyWidget::MyWidget(QWidget *parent) :
QWidget(parent),
ui(new Ui::MyWidget)
{
ui->setupUi(this);
connect(this,SIGNAL(onDataChanged(QString,QVariant&)),this,SLOT(updateUi(QString,QVariant&)));
}
MyWidget::~MyWidget()
{
delete ui;
}
void MyWidget::setData(const QString &key, QVariant &data, bool updateUi)
{
if(m_data.value(key)==data)
return;
m_data.insert(key,data);
if(updateUi)
emit onDataChanged(key,data);
}
void MyWidget::updateUi(const QString &key, QVariant &data)
{
if(key == "key1")
{
ui->lineEditKey1->setText(data.toString());
}
else if(key == "key2")
{
ui->lineEditKey2->setText(data.toString());
}
else if(key == "key3")
{
ui->lineEditKey3->setText(data.toString());
}
else
{
qDebug()<<__LINE__<<__FUNCTION__<<"Data key not find.";
}
}
void MyWidget::on_lineEditKey1_textChanged(const QString &arg1)
{
setData("key1",QVariant::fromValue(arg1),false);
qDebug()<<__LINE__<<__FUNCTION__<<"Data key1 is updated.";
}
void MyWidget::on_lineEditKey2_textChanged(const QString &arg1)
{
setData("key2",QVariant::fromValue(arg1),false);
qDebug()<<__LINE__<<__FUNCTION__<<"Data key2 is updated.";
}
void MyWidget::on_lineEditKey3_textChanged(const QString &arg1)
{
setData("key3",QVariant::fromValue(arg1),false);
qDebug()<<__LINE__<<__FUNCTION__<<"Data key3 is updated.";
}
mainwindow.cpp
#include "mainwindow.h"
#include "ui_mainwindow.h"
#include "mywidget.h"
MainWindow::MainWindow(QWidget *parent) :
QMainWindow(parent),
ui(new Ui::MainWindow)
{
ui->setupUi(this);
m_myWidget = new MyWidget(this);
ui->gridLayout->addWidget(m_myWidget);
}
MainWindow::~MainWindow()
{
delete ui;
}
//通過調(diào)用MyWidget界面類的setData()函數(shù)兽赁，將數(shù)據(jù)設(shè)置到MyWidget類成員中，
//并通知界面更新
void MainWindow::on_pushButtonSetData_clicked()
{
m_myWidget->setData(ui->comboBoxDataKey->currentText(),
QVariant::fromValue(ui->lineEditSetData->text()));
}
原理描述
用戶通過在MainWindow界面中的操作將數(shù)據(jù)設(shè)置到MyWidget中冷守，僅僅調(diào)用了MyWidget類的setData()方法刀崖，數(shù)據(jù)在保存的同時，自動發(fā)送onDataChanged信號拍摇，調(diào)用MyWidget類的updateUi槽函數(shù)進行界面顯示更新亮钦。
擴展優(yōu)化
本例中可進一步抽象出MyWidget類的基類，MyWidget繼承于該基類充活，并將setData()和updateUi()定義為基類中的虛函數(shù)蜂莉。今后每增加一個界面類，只需重寫這兩個虛函數(shù)就可以完成數(shù)據(jù)存儲和界面更新堪唐。
運行效果
運行效果.png
源代碼下載
百度網(wǎng)盤分享地址：
鏈接：https://pan.baidu.com/s/13Rueyz1mfcb1-pnjoWEazw
提取碼：0a5o
