qt - qml 中的 ListView 是否有 IconMode？

Question

有人能告诉我如何在 qml 中为我的 listViewe 设置图标模式吗？ 像这样:

我知道这种模式在 ListView 的 c++ 版本中可用 (setListMode) 但在 qml 中？

问候

Answer 1

我认为 QML 中没有默认组件，但您可以使用 Gridview 轻松自己创建一个组件。组件并自己创建委托(delegate)。

ListModel {
    id: modelIcons
    ListElement { iconSource: "icon1.jpg"; iconText: "Train1" }
    ListElement { iconSource: "icon2.jpg"; iconText: "Train2" }
    ListElement { iconSource: "icon3.jpg"; iconText: "Train3" }
    ListElement { iconSource: "icon4.jpg"; iconText: "Train4" }
    ListElement { iconSource: "icon5.jpg"; iconText: "Train5" }
    ListElement { iconSource: "icon6.jpg"; iconText: "Train6" }
    ListElement { iconSource: "icon7.jpg"; iconText: "Train7" }
}

Component {
    id: delegateListElement
    Item {
        width: 80
        height: width
        Column {
            Image {
                height: 50
                width: 50
                source: iconSource
            }
            Text {
                text: iconText
            }
        }
    }
}

GridView {
    anchors.fill: parent

    model: modelIcons
    delegate: delegateListElement
    focus: true
}