基于 QML 的 Qt 文件浏览器

Question

使用QFileSystemModel很容易实现文件浏览器。但 ListView 的 UI 并不漂亮。所以我想用QML实现一个文件浏览器。 QML 具有模型/ View 支持。但是如何在 QML 中显示文件系统树呢？任何线索将不胜感激。

Answer 1

从 Qt5.5 开始，我们就有了 TreeView QML 组件可用，

main.qml:

import QtQuick.Controls 1.4
TreeView {
    anchors.fill: parent
    TableViewColumn {
        title: "Name"
        role: "fileName"
        width: 300
    }
    model: my_model
}

main.cpp:

QFileSystemModel model;
model.setRootPath("/");
QQmlApplicationEngine engine;
engine.rootContext()->setContextProperty("my_model", &model);
engine.load(QUrl(QStringLiteral("qrc:/main.qml")));