diff options
author | Ken Moore <ken@ixsystems.com> | 2017-10-09 10:53:54 -0400 |
---|---|---|
committer | Ken Moore <ken@ixsystems.com> | 2017-10-09 10:53:54 -0400 |
commit | abf6e0ccb2d2eec1a20d6a488add6fdc318a837b (patch) | |
tree | 0129efb6ff860462e8876cefd881d4175232a0bd /src-qt5/src-qml/test-basic.qml | |
parent | Add a new testing utility for trying out QML files (diff) | |
download | lumina-abf6e0ccb2d2eec1a20d6a488add6fdc318a837b.tar.gz lumina-abf6e0ccb2d2eec1a20d6a488add6fdc318a837b.tar.bz2 lumina-abf6e0ccb2d2eec1a20d6a488add6fdc318a837b.zip |
Add a few test QML files which work to the src-qml directory.
Diffstat (limited to 'src-qt5/src-qml/test-basic.qml')
-rw-r--r-- | src-qt5/src-qml/test-basic.qml | 48 |
1 files changed, 48 insertions, 0 deletions
diff --git a/src-qt5/src-qml/test-basic.qml b/src-qt5/src-qml/test-basic.qml new file mode 100644 index 00000000..5d21ae41 --- /dev/null +++ b/src-qt5/src-qml/test-basic.qml @@ -0,0 +1,48 @@ +import QtQuick 2.0 +import "." as QML + +Rectangle { + id: root + width: 800; height: 600 + color: "#646464" + + ListView { + id: clockview + anchors.fill: parent + orientation: ListView.Horizontal + cacheBuffer: 2000 + snapMode: ListView.SnapOneItem + highlightRangeMode: ListView.ApplyRange + + delegate: QML.Clock { city: cityName; shift: timeShift } + model: ListModel { + ListElement { cityName: "New York"; timeShift: -4 } + ListElement { cityName: "London"; timeShift: 0 } + ListElement { cityName: "Oslo"; timeShift: 1 } + ListElement { cityName: "Mumbai"; timeShift: 5.5 } + ListElement { cityName: "Tokyo"; timeShift: 9 } + ListElement { cityName: "Brisbane"; timeShift: 10 } + ListElement { cityName: "Los Angeles"; timeShift: -8 } + } + } + + Image { + anchors.left: parent.left + anchors.bottom: parent.bottom + anchors.margins: 10 + source: "content/arrow.png" + rotation: -90 + opacity: clockview.atXBeginning ? 0 : 0.5 + Behavior on opacity { NumberAnimation { duration: 500 } } + } + + Image { + anchors.right: parent.right + anchors.bottom: parent.bottom + anchors.margins: 10 + source: "content/arrow.png" + rotation: 90 + opacity: clockview.atXEnd ? 0 : 0.5 + Behavior on opacity { NumberAnimation { duration: 500 } } + } +} |