将QTreeView迁移到QML TreeView:如何管理多个角色?

时间:2016-08-28 20:03:34

标签: qt treeview qml qtquickcontrols

我正在尝试使用QML模块重写我的应用程序并删除Qt Widgets。我有一个非常复杂的QTreeView,用于显示曲目,专辑和艺术家。

这就是我现在所拥有的:

Library Tree View

我正在构建QStandardItem的子类,我重新定义了type(),以便在我的委托中正确绘制它们,如下所示:

switch (item->type()) {
    case Miam::IT_Album:
        this->paintRect(painter, o);
        this->drawAlbum(painter, o, item);
    break;
    case Miam::IT_Artist:
        this->paintRect(painter, o);
        this->drawArtist(painter, o, item);
    break;
    ...
    default:
    QStyledItemDelegate::paint(painter, o, index);
    break;
}

编写(管理画笔,像素,绘图线)很痛苦,但效果很好!

现在让我们重写为QML

正在进行的工作:

Library TreeView in QML

我的问题是能够在同一列上显示多个数据角色。根据我的理解,在QML中,您需要为TreeView(或TableView)的每个列使用TableViewColumn。每列都映射到一个角色。

这是我正在进行中的TreeView:

TreeView {
    alternatingRowColors: false
    TableViewColumn {
        id: column
        title: qsTr("Artists")
        role: "text"
        delegate: Rectangle {
            implicitHeight: height
            implicitWidth: width
            color: Material.background
            Image {
                id: disc
                sourceSize.height: 20
                sourceSize.width: 20
                source: "qrc:/images/disc.png"
                visible: libraryItemModel.data("cover")
            }
            Label {
                anchors.left: disc.visible ? disc.right : undefined
                text: styleData.value
                color: Material.foreground
            }
        }
    }
    model: libraryItemModel
    anchors.top: parent.top
    anchors.bottom: parent.bottom
    anchors.left: parent.left
    anchors.rightMargin: jumpLetters.width
    anchors.right: parent.right
    horizontalScrollBarPolicy: Qt.ScrollBarAlwaysOff
    style: TreeViewStyle {
        backgroundColor: appSettings.menuPaneColor
        frame: Rectangle {
            border.width: 0

        }
    }
}

在我的遗留的LibraryItemModel类中,我在阅读本地SQLite数据库时正在做这样的事情:

    auto loadTrack = [=] (QSqlRecord& r) -> TrackItem* {
    TrackItem *trackItem = new TrackItem;
    trackItem->setText(r.value(trackTitle).toString());
    trackItem->setData(r.value(uri).toString(), Miam::DF_URI);
    trackItem->setData(r.value(trackNumber).toString(), Miam::DF_TrackNumber);
    trackItem->setData(r.value(disc).toString(), Miam::DF_DiscNumber);
    trackItem->setData(r.value(trackLength).toUInt(), Miam::DF_TrackLength);
    if (r.value(rating).toInt() != -1) {
        trackItem->setData(r.value(rating).toInt(), Miam::DF_Rating);
    }
    trackItem->setData(r.value(artist).toString(), Miam::DF_Artist);
    trackItem->setData(r.value(album).toString(), Miam::DF_Album);
    trackItem->setData(!r.value(host).toString().isEmpty(), Miam::DF_IsRemote);
    return trackItem;
};

QSqlQuery q(...);
while (q.next()) {
    ...
    albumItem->appendRow(loadTrack(r));
}

我需要有哪些解决方案来制作多角色列?我还可以做些什么?这一行:

visible: libraryItemModel.data("cover")
例如,

不起作用。

1 个答案:

答案 0 :(得分:0)

尝试model.text而不是styleData.value,并从列中删除role属性。

使用model.[role],您可以从此特定项目的模型中获取每个角色。