1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77
|
// Copyright (C) 2017 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only
import QtQuick 2.7
Rectangle {
id: root
width: 320
height: 240
color: "black"
property int current: list.currentIndex
property int horizontalVelocityZeroCount: 0
ListView {
id: list
objectName: "list"
anchors.fill: parent
focus: true
orientation: ListView.Horizontal
snapMode: ListView.SnapToItem
flickableDirection: Flickable.HorizontalFlick
model: 10
delegate: Item {
width: root.width / 3
height: root.height
Rectangle {
anchors.centerIn: parent
width: 50
height: 50
color: list.currentIndex === index ? "red" : "white"
}
}
onHorizontalVelocityChanged: {
if (list.horizontalVelocity === 0.0)
root.horizontalVelocityZeroCount++
}
}
Rectangle {
color: "red"
width: 50
height: 50
anchors.left: parent.left
anchors.bottom: parent.bottom
MouseArea {
anchors.fill: parent
onClicked: {
list.currentIndex--;
}
}
}
Rectangle {
color: "red"
width: 50
height: 50
anchors.right: parent.right
anchors.bottom: parent.bottom
MouseArea {
anchors.fill: parent
onClicked: {
list.currentIndex++;
}
}
}
}
|