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 
#include "mainwindow.h"
#include 

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()<

所有的第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);
    // 关闭编辑标记后再修改代理模型 避免在修改时频繁调用plot
    customEditOn = 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()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()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+stepindex(row+step,col));
            else
                setCurrentIndex(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));
            else
                setCurrentIndex(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;
    else
        curveXfit = true;
}

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

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

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

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