qml中的列表视图有IconMode吗？

Question

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

我知道此模式在listview（setListMode）的c ++版本中可用，但在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
}