Qt文件管理系统

引言

今天我将使用model/view模型视图框架来完成一个简单的Qt文件管理系统，主要使用到了QTreeView、QTabelView视图和QFileSystemModel文件系统模型。

界面设计

使用Qt创建项目并勾选创建ui文件，打开ui文件，使用Tree View、Table View、Stacked Widget以及布局来构建如下界面，当然也可以使用代码来完成界面设计。

系统功能

实现功能如下：

• 左侧树形视图：显示整个文件系统的目录结构。用户可以通过展开和折叠节点来浏览不同的目录。

• 右侧表格视图：显示当前选中的目录中的文件和子目录。当用户在树形视图中点击某个目录时，表格视图会更新为该目录下的内容。

• 交互逻辑：

  • 在树形视图中点击某个目录，表格视图会显示该目录下的内容。

  • 在表格视图中点击某个子目录，表格视图会进入该子目录并显示其内容。

创建窗口分裂器，用于将窗口分为两部分，允许用户通过拖动分割条来调整两部分的大小。

    // 窗口分裂器
    auto splitter = new QSplitter();
    splitter->addWidget(ui->naviTreeView);
    splitter->addWidget(ui->stackedWidget);

    auto hlayout = new QHBoxLayout(this);
    hlayout->addWidget(splitter);

创建文件系统模型

    // 文件系统模型
    QFileSystemModel* model =new QFileSystemModel(this);
    model->setRootPath("");
    //model->setFilter(QDir::Dirs | QDir::NoDotAndDotDot);  // 只显示目录不包括.和..

视图设置模型

    // 树视图
    ui->naviTreeView->setModel(model);
    // 表格视图
    ui->tableView->setModel(model);

为树视图隐藏多余的列

    // 隐藏除第一列的所有列
    for(size_t i = 1;i<model->columnCount();++i)
    {
        ui->naviTreeView->setColumnHidden(i,true);
    }

树视图和表格视图的点击事件

    connect(ui->naviTreeView,&QTreeView::clicked,[=](const QModelIndex& index){
        ui->tableView->setRootIndex(index);
    });

    connect(ui->tableView,&QTableView::clicked,[=](const QModelIndex& index){
        auto idx = model->index(index.row(),0,ui->tableView->rootIndex());
        ui->tableView->setRootIndex(idx);
    });

至此，Qt文件管理系统便已完成，至于其他功能有需要可以在此基础上进行完善。

整体效果