关于Qt ListView 内容宽度大于屏幕宽度，横向滑动解决方案

在ListView外面包一层Flickable;

Window {

    visible: true

    width: 640

    height: 480

    title: qsTr("Hello World")

    Rectangle{id: idRect ; anchors.fill: parent

        Flickable {id: idFkb; anchors.fill: parent; boundsBehavior:Flickable.StopAtBounds;

            contentWidth: idlister.width*2; contentHeight: idlister.contentHeight;

            ListView{id: idlister;

                width: idRect.width; height: idRect.height

                model: idTestModel

                delegate: Rectangle{ width: idlister.width*2; height: 40;

                    color: "black"; border.color: "#FFFFFF";

                    Text{ anchors.centerIn: parent;

                        text: Test; font.pixelSize: 20;color: "#FFFFFF";

                    }

                    MouseArea{

                        anchors.fill: parent;

                        onClicked: {

                            console.debug(idFkb.contentWidth,idlister.contentWidth)

                        }

                    }

                }

            }

//            ScrollBar.horizontal: ScrollBar {

//                width: idFkb.width; height: 16;

//                contentItem: Rectangle {

//                    implicitWidth: idFkb.contentWidth; implicitHeight: idFkb.height;

//                    radius: height / 2; color: parent.pressed ? Qt.rgba(0,0,0,0.3) : Qt.rgba(0,0,0,0.8)

//                }

//            }

        }

        ListModel{

            id: idTestModel

            ListElement{ Test: "1" }

            ListElement{ Test: "2" }

            ListElement{ Test: "3" }

            ListElement{ Test: "4" }

            ListElement{ Test: "5" }

            ListElement{ Test: "6" }

        }

    }

}