QML中ListView配合ScrollView实现列表功能

        ListView在QML界面开发中主要用于列表的显示，往往配合ScrollView使用，ScrollView主要作用是给ListView增加右侧滚动条功能，用于ListView显示不下时，进行滚动。

        具体的实现代码如下：

import Material 0.1
import QtQuick 2.4
import QtQuick.Layouts 1.2
import QtQuick.Controls 1.4
import QtQuick.Controls.Styles 1.4

Window {
    visible: true
    property int dpi: 1
    property string name:"姓名"
    width : 300 *dpi
    height: 300 * dpi

    ListModel {
        id: listModel
        ListElement { name: "Apple" }
        ListElement { name: "Orange" }
        ListElement { name: "Banana" }
        ListElement {name: "Computer1"}
        ListElement {name: "Computer2"}
        ListElement {name: "Computer3"}
        ListElement {name: "Computer4"}
        ListElement {name: "Computer5"}
        ListElement {name: "Computer6"}
        ListElement {name: "Com