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
}