Qt4利用MVC开发曲线数据编辑器

1 需求

2 开发流程

1 搭建框架

2 构造函数

3 打开工程

4 实现应用程序参数加载

5 QCustomPlot和TableView的联动

6 数据的可视化修改

7 列表点击事件事先键盘控制

8 表格实现复制，粘贴，删除等一系列功能

9 曲线实现自适应范围和统一范围

1 需求

之前编过1个曲线编辑器，但有几个问题，1是加载太慢，2是没法保存工程。

现在将需求重新整理一下，再开发个曲线编辑器。此外也总结了三点技术问题，分别为：

（1）曲线空间QCustomPlot和表格控件TableView的联动，目的是实现曲线编辑；

（2）数据分类显示，目的是数据按不同分类来绘图，避免叠合在一起看不清。

（3）表格实现复制，粘贴，删除等一系列功能。

（4）列表控件实现键盘控制，解放鼠标，加速曲线切换。

（5）不同曲线实现自适应范围和统一范围。用于对比。

2 开发流程

1 搭建框架

新建main window工程，并使其支持中文

#include <QtGui/QApplication>
#include "mainwindow.h"
#include <QTextCodec>int main(int argc, char *argv[])
{QApplication a(argc, argv);// 文本编码规定QTextCodec::setCodecForTr(QTextCodec::codecForName("UTF8"));QTextCodec::setCodecForLocale(QTextCodec::codecForName("UTF8"));QTextCodec::setCodecForCStrings(QTextCodec::codecForName("UTF8"));MainWindow w;w.show();return a.exec();
}

2 构造函数

在构造函数中定好模型，视图以及控件初始化。

MainWindow::MainWindow(QWidget *parent) :QMainWindow(parent),ui(new Ui::MainWindow)
{ui->setupUi(this);winName = "磁测剖面编辑器 V1.0";setWindowTitle(winName);// 默认编辑开关为否customEditOn = false;// 默认曲线范围为自适应curveXfit = true;curveYfit = true;// 表格模型视图model = new QStandardItemModel(0,22);model->setHorizontalHeaderLabels(QStringList()<<"Line"<<"Point"<<"PLon"<<"PLat"<<"DiuCorr"<<"Read"<<"Sq"<<"Lon"<<"Lat"<<"Elevation"<<"Date"<<"Time"<<"Instr"<<"GeoMag"<<"ΔT"<<"Note"<<"PX"<<"PY"<<"X"<<"Y"<<"Pdistance"<<"Anomaly");connect(model,SIGNAL(dataChanged(QModelIndex,QModelIndex)),this,SLOT(slotDataChanged(QModelIndex,QModelIndex)));proxyModel = new QSortFilterProxyModel(this);proxyModel->setSourceModel(model);proxyModel->setFilterKeyColumn(0);ui->tableView->setModel(proxyModel);ui->tableView->resizeColumnsToContents();ui->tableView->resizeRowsToContents();// 列表模型视图lines = new QStringListModel;ui->listView->setModel(lines);ui->listView->setEditTriggers(false);// plot点击事件connect(ui->curveView, SIGNAL(plottableClick(QCPAbstractPlottable*,int,QMouseEvent*)),this, SLOT(graphClicked(QCPAbstractPlottable*,int)));// 进度条ui->progressBar->setRange(0,100);ui->progressBar->setValue(0);ui->progressBar->hide();}

3 打开工程

这里要重点改一下，先来看之前的逻辑

指定文件名
读取文件到局部变量data
计算公里网
多级排序
计算测线名称及点数
计算距离和异常列
写入模型
挂载测线列表并触发点击
控件显示。

这里要重点改新增加的这几列，有些列需要预留。

更改原始文件，将投影变换的功能移除，现在的逻辑变为：

读取数据
点名分离为线和点
计算测线
计算点数（这个实际MVC中不用，只是用于后期用户统计）
数据写入模型
挂载测线列表
触发点击事件。

此逻辑较老版的更为简介，且加载速度更快。

4 实现应用程序参数加载

为在主程序中调用曲线编辑器，可采用QProcess来调用，这时候需要改造构造函数，并重写打开action。具体代码如下：

// 打开line文件
void MainWindow::on_actionOpen_triggered()
{// 1指定文件QString tmpName = QFileDialog::getOpenFileName(this,"Open","","*.txt");if(tmpName.isEmpty())return;fileName = tmpName;open(QStringList()<<fileName);}

所有的第3步提到的业务逻辑全部打包至open函数中，这样就可以实现在构造函数中调用，代码如下：

 if(!inNameList.isEmpty())open(inNameList);

这里要注意的是，传入参数是个list，需要取第0个值作为文件名。

5 QCustomPlot和TableView的联动

由于QCustomPlot仅仅为绘图库，不是MVC结构，因此只能实现2个单向的联动，以此来模拟MVC机制。

主要实现2个流程：

（1）当绘图数据点击时，实现表格的选择；

（2）当表格数据修改时，实现绘图的更新。

具体第1个方法的代码是：

void MainWindow::graphClicked(QCPAbstractPlottable *plottable, int dataIndex)
{// plot中只有QCPGraphs,因此可以立即调用interface1D()// 建议先检查interface1D()是否返回非零double dataValue = plottable->interface1D()->dataMainValue(dataIndex);QString message = QString("Clicked on graph '%1' at data point #%2 with value %3.").arg(plottable->name()).arg(dataIndex).arg(dataValue);ui->statusBar->showMessage(message);// 少数据的话就不准了ui->tableView->setCurrentIndex(proxyModel->index(dataIndex,19,QModelIndex()));
}

第2个方法的实现代码为：

/* 数据改动回调 */
void MainWindow::slotDataChanged(QModelIndex ind1, QModelIndex ind2)
{Q_UNUSED(ind1)Q_UNUSED(ind2)if(customEditOn == true)plot();
}

代码解析：1个是绘图库控件单击事件，并不修改表格数据；1个是表格数据的修改事件槽函数，调用重新绘图方法。因此两个并不是咬合的关系，但却恰恰实现了需求的功能。

6 数据的可视化修改

下面来展示下第5点所属的修改过程。

文件加载了数十条曲线，上图显示的第13条。这条曲线明显被一些废点所影响了，如果单纯看表格是很难找到的，毕竟有上千个数据。而曲线则可以轻易的找到废点位置。

只需要点击曲线，就能找到废点在表格中的位置。

选中之后，用户可以选择删除或者修改。

可见删除之后，绘图库控件即时进行了刷新。曲线恢复了正常形态。其余的废点也可以按照这种放方法进行处理。

7 列表点击事件事先键盘控制

在切换曲线时，需要鼠标逐个选择列表项，这相当的麻烦，因此需要实现键盘事件，以此来加速曲线的切换操作。

具体的代码为：


// 方向键上下加回车可调用点击事件
void MainWindow::on_listView_activated(const QModelIndex &index)
{on_listView_clicked(index);
}

代码较为简单，仅仅是调用了点击事件。

// 测线列表 单击事件
void MainWindow::on_listView_clicked(const QModelIndex &index)
{// 模型过滤后绘图int row = index.row();QString ln = lines->stringList().at(row);// 关闭编辑标记后再修改代理模型 避免在修改时频繁调用plotcustomEditOn = false;proxyModel->setFilterRegExp(QRegExp(ln, Qt::CaseInsensitive, QRegExp::FixedString));plot();customEditOn = true;
}

具体逻辑为：先获取选中行的序号，再找到字符串，之后设置proxymodel的正则化过滤器，刷新绘图后，打开修改开关。

通过上述2个函数配合，就可以实现回车与点击事件的同步操作。简化了曲线切换的麻烦。

8 表格实现复制，粘贴，删除等一系列功能

表格数据需要实现复制，粘贴，删除等一系列功能，这就涉及到tableview的子类化问题，上一篇博文我们用mainwindow来实现复制粘贴，本节则采用对qtableview子类化的方式，重写event函数来达到此目的。

下面是代码：


/*  实现多选的复制粘贴 */
void TableView::keyPressEvent(QKeyEvent *keyEvent)
{if(keyEvent->matches(QKeySequence::Copy))//复制{QModelIndexList indexList = selectionModel()->selectedIndexes();if(indexList.isEmpty())return;int startRow = indexList.first().row();int endRow = indexList.last().row();int startCol = indexList.first().column();int endCol = indexList.last().column();QStringList clipboardTextList;for(int i = startRow;i <= endRow;i++){QStringList rowText;for(int j = startCol;j <= endCol;j++){rowText.append(model()->data(model()->index(i,j)).toString());}clipboardTextList.append(rowText.join("\t"));}QString clipboardText = clipboardTextList.join("\n" );QApplication::clipboard()->setText(clipboardText);}else if (keyEvent->matches(QKeySequence::Paste)){QString clipboardText = QApplication::clipboard()->text();if(clipboardText.isEmpty())return;QStringList rowTextList = clipboardText.split('\n');if(rowTextList.last().isEmpty())//从word或者excel复制的内容后面可能会带'\n'，导致split出来后面有个空字符串。rowTextList.removeLast();QModelIndexList indexList = selectionModel()->selectedIndexes();if(indexList.isEmpty())return;QModelIndex startIndex = indexList.first();for(int i = 0;i < rowTextList.size();i++){QStringList itemTextList = rowTextList.at(i).split('\t');for(int j = 0;j < itemTextList.size();j++){QModelIndex curIndex = model()->index(i + startIndex.row(),j + startIndex.column());if(curIndex.isValid()){model()->setData(curIndex,itemTextList.at(j));}}}}else if (keyEvent->matches(QKeySequence::Delete)){// 获取选中行QItemSelectionModel *selections = selectionModel();QModelIndexList selected = selections->selectedIndexes();// 循环选中的各个index并写为空foreach(QModelIndex index,selected){model()->setData(index,"");}}else if (keyEvent->matches(QKeySequence::SelectAll)){QModelIndex topLeft;QModelIndex bottomRight;topLeft = model()->index(0,0);bottomRight = model()->index(model()->rowCount()-1,model()->columnCount()-1);QItemSelection selection(topLeft,bottomRight);selectionModel()->select(selection,QItemSelectionModel::Select);}else if (keyEvent->matches(QKeySequence::MoveToNextLine)){if(currentIndex().row()>-1){if(currentIndex().row()<model()->rowCount()-1)setCurrentIndex(model()->index(currentIndex().row()+1,currentIndex().column()));}}else if (keyEvent->matches(QKeySequence::MoveToPreviousLine)){if(currentIndex().row()>0){setCurrentIndex(model()->index(currentIndex().row()-1,currentIndex().column()));}}else if (keyEvent->matches(QKeySequence::MoveToNextChar)){if(currentIndex().column()>-1){if(currentIndex().column()<model()->columnCount()-1)setCurrentIndex(model()->index(currentIndex().row(),currentIndex().column()+1));}}else if (keyEvent->matches(QKeySequence::MoveToPreviousChar)){if(currentIndex().column()>0){setCurrentIndex(model()->index(currentIndex().row(),currentIndex().column()-1));}}else if (keyEvent->matches(QKeySequence::MoveToNextPage)){int row = currentIndex().row();if(row>-1){int col = currentIndex().column();int step = 20;int count = model()->rowCount();if(row+step<count-1)setCurrentIndex(model()->index(row+step,col));elsesetCurrentIndex(model()->index(count-1,col));}}else if (keyEvent->matches(QKeySequence::MoveToPreviousPage)){int row = currentIndex().row();if(row>-1){int col = currentIndex().column();int step = 20;if(row-step>0)setCurrentIndex(model()->index(row-step,col));elsesetCurrentIndex(model()->index(0,col));}}
}

代码外层是比较简单的判断语句，分别实现了ctrl+c，ctrl+v，ctrl+a,delete等功能。这样就可以对表格实现较多的单选，多选，指定区域的复制，粘贴，删除等操作。

9 曲线实现自适应范围和统一范围

主要用lineEdit控件和绘图库控件配合完成。

代码如下：


// 横坐标范围模式切换
void MainWindow::on_actionXlim_toggled(bool arg1)
{if(arg1==true)curveXfit = false;elsecurveXfit = true;
}// 纵坐标范围模式切换
void MainWindow::on_actionYlim_toggled(bool arg1)
{if(arg1==true)curveYfit = false;elsecurveYfit = true;
}

通过切换自适应开关来实现绘图范围的控制。在绘图plot中实现：

   // 设置绘图范围QString xmin = ui->xmin->text();QString xmax = ui->xmax->text();if(curveXfit==true || xmin=="" || xmax=="")ui->curveView->xAxis->rescale();elseui->curveView->xAxis->setRange(xmin.toDouble(),xmax.toDouble());QString ymin = ui->ymin->text();QString ymax = ui->ymax->text();if(curveYfit==true || ymin=="" || ymax=="")ui->curveView->yAxis->rescale();elseui->curveView->yAxis->setRange(ymin.toDouble(),ymax.toDouble());

用一个判断来实现绘图范围控制的切换，以此来实现曲线的对比和显示。