diff options
| author | kali kaneko (leap communications) <kali@leap.se> | 2021-10-04 18:00:55 +0200 |
|---|---|---|
| committer | kali kaneko (leap communications) <kali@leap.se> | 2021-11-23 21:51:18 +0100 |
| commit | 94d6694a7b91f3ea5a8649f13a68a907e2bc95f3 (patch) | |
| tree | f350bd51a9ff03559ed037cfc0c5ac6de3bb1d0d /gui/components | |
| parent | 90cee03534a1f078a144648f676ec6b0364fd726 (diff) | |
[ui] first attempt at animated birds
Diffstat (limited to 'gui/components')
| -rw-r--r-- | gui/components/StatusBox.qml | 8 | ||||
| -rw-r--r-- | gui/components/VPNState.qml | 4 |
2 files changed, 9 insertions, 3 deletions
diff --git a/gui/components/StatusBox.qml b/gui/components/StatusBox.qml index 00d0c2d..15eef2e 100644 --- a/gui/components/StatusBox.qml +++ b/gui/components/StatusBox.qml @@ -100,13 +100,19 @@ Item { height: 120 } - Image { + AnimatedImage { id: connectionImage height: 160 + speed: 0.8 source: "../resources/icon-noshield.svg" anchors.horizontalCenter: parent.horizontalCenter fillMode: Image.PreserveAspectFit + onStatusChanged: playing = (status == AnimatedImage.Ready) } + // TODO this can be synced with opacity serial animation, see + // https://doc.qt.io/qt-5/qml-qtquick-animatedimage.html#example-usage + // If you want to customize your asset, here's how: + // convert -delay 50 -loop 0 ravens2_*.png ravens.gif VerticalSpacer { id: spacerPostImg diff --git a/gui/components/VPNState.qml b/gui/components/VPNState.qml index 64a109a..e85d8e9 100644 --- a/gui/components/VPNState.qml +++ b/gui/components/VPNState.qml @@ -31,7 +31,7 @@ StateGroup { } PropertyChanges { target: connectionImage - source: "../resources/ravens.svg" + source: "../resources/ravens.gif" anchors.horizontalCenter: parent.horizontalCenter } PropertyChanges { @@ -130,7 +130,7 @@ StateGroup { } PropertyChanges { target: connectionImage - source: "../resources/ravens.svg" + source: "../resources/ravens.gif" anchors.horizontalCenter: parent.horizontalCenter } PropertyChanges { |