qt - qml 中的列表视图是否有 IconMode？

Question

有人可以说我如何在 qml 中为我的 listViewe 设置图标模式吗？像这样：

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

问候

Answer 1

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

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
}