tests/auto/declarative/qmlvisual/qdeclarativeflickable/flickable-vertical.qml

   1 import QtQuick 1.0
   2
   3 Rectangle {
   4     color: "lightSteelBlue"
   5     width: 200; height: 300
   6
   7     ListModel {
   8         id: list
   9         ListElement { dayColor: "steelblue" }
  10         ListElement { dayColor: "blue" }
  11         ListElement { dayColor: "yellow" }
  12         ListElement { dayColor: "purple" }
  13         ListElement { dayColor: "red" }
  14         ListElement { dayColor: "green" }
  15         ListElement { dayColor: "orange" }
  16     }
  17
  18     Flickable {
  19         id: flick
  20         height: parent.height-50
  21         width: parent.width; contentHeight: column.height
  22
  23         Column {
  24             id: column
  25             Repeater {
  26                 model: list
  27                 Rectangle { width: 200; height: 100; color: mr.pressed ? "black" : dayColor
  28                     MouseArea {
  29                         id: mr
  30                         anchors.fill: parent
  31                     }
  32                 }
  33             }
  34         }
  35         clip: true
  36     }
  37     Rectangle {
  38         radius: 3
  39         x: flick.width-8
  40         width: 8
  41         y: flick.visibleArea.yPosition * flick.height
  42         height: flick.visibleArea.heightRatio * flick.height
  43     }
  44
  45     // click to toggle interactive flag
  46     Rectangle {
  47         width: 64
  48         height: 48
  49         y: parent.height - 50
  50         color: "red"
  51         MouseArea {
  52             anchors.fill: parent
  53             onClicked: flick.interactive = flick.interactive ? false : true
  54         }
  55     }
  56
  57     // click to toggle click delay
  58     Rectangle {
  59         width: 64
  60         height: 48
  61         x: 66
  62         y: parent.height - 50
  63         color: "green"
  64         MouseArea {
  65             anchors.fill: parent
  66             onClicked: flick.pressDelay = flick.pressDelay > 0 ? 0 : 500
  67         }
  68     }
  69
  70     // click to toggle overshoot
  71     Rectangle {
  72         width: 64
  73         height: 48
  74         x: 130
  75         y: parent.height - 50
  76         color: "yellow"
  77         MouseArea {
  78             anchors.fill: parent
  79             onClicked: flick.boundsBehavior = flick.boundsBehavior == Flickable.StopAtBounds ? Flickable.DragAndOvershootBounds : Flickable.StopAtBounds
  80         }
  81     }
  82
  83     Rectangle {
  84         width: Math.abs(flick.verticalVelocity)/100
  85         height: 50
  86         x: 200
  87         y: parent.height - 50
  88         color: "blue"
  89     }
  90 }