mirror of
https://gitlab.com/kelteseth/ScreenPlay.git
synced 2024-09-18 16:32:33 +02:00
54 lines
1.5 KiB
QML
54 lines
1.5 KiB
QML
// SPDX-License-Identifier: BSD-3-Clause
|
|
|
|
import QtQuick
|
|
import QtQuick.Controls
|
|
import QtQuick.Controls.Material
|
|
import QtQuick.Effects
|
|
import QtQuick.Particles
|
|
|
|
Item {
|
|
id: root
|
|
implicitWidth: 640
|
|
implicitHeight: 350
|
|
|
|
ListView {
|
|
id: clockview
|
|
anchors.fill: parent
|
|
orientation: ListView.Horizontal
|
|
cacheBuffer: 2000
|
|
snapMode: ListView.SnapOneItem
|
|
highlightRangeMode: ListView.ApplyRange
|
|
|
|
delegate: 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: "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: "arrow.png"
|
|
rotation: 90
|
|
opacity: clockview.atXEnd ? 0 : 0.5
|
|
Behavior on opacity { NumberAnimation { duration: 500 } }
|
|
}
|
|
}
|