From 5abd2df9b422a6e0c28e748c309b9857d1a65c2f Mon Sep 17 00:00:00 2001 From: Loren Burkholder Date: Wed, 22 Feb 2023 20:16:55 -0500 Subject: [PATCH] Fade in images when fully recieved --- resources/qml/PrivacyScreen.qml | 2 +- resources/qml/delegates/ImageMessage.qml | 33 +++++------------------- 2 files changed, 8 insertions(+), 27 deletions(-) diff --git a/resources/qml/PrivacyScreen.qml b/resources/qml/PrivacyScreen.qml index e501d6ab..3edf0d86 100644 --- a/resources/qml/PrivacyScreen.qml +++ b/resources/qml/PrivacyScreen.qml @@ -12,7 +12,7 @@ import im.nheko 1.0 Item { id: privacyScreen - readonly property bool active: screenSaver.state === "Visible" + readonly property bool active: Settings.privacyScreen && screenSaver.state === "Visible" property var timelineRoot property int screenTimeout diff --git a/resources/qml/delegates/ImageMessage.qml b/resources/qml/delegates/ImageMessage.qml index 509e80a6..f2811869 100644 --- a/resources/qml/delegates/ImageMessage.qml +++ b/resources/qml/delegates/ImageMessage.qml @@ -28,15 +28,15 @@ AbstractButton { height: width*proportionalHeight hoverEnabled: true - state: img.status != Image.Ready ? "ImageLoading" : (timeline.privacyScreen.active ? "PrivacyScreenVisible" : "PrivacyScreenInvisible") + state: (img.status != Image.Ready || timeline.privacyScreen.active) ? "BlurhashVisible" : "ImageVisible" states: [ State { - name: "ImageLoading" + name: "BlurhashVisible" PropertyChanges { target: blurhash_ - opacity: 1 - visible: true + opacity: (img.status != Image.Ready) || (timeline.privacyScreen.active && blurhash) ? 1 : 0 + visible: (img.status != Image.Ready) || (timeline.privacyScreen.active && blurhash) } PropertyChanges { @@ -50,26 +50,7 @@ AbstractButton { } }, State { - name: "PrivacyScreenVisible" - - PropertyChanges { - target: blurhash_ - opacity: blurhash ? 1 : 0 - visible: blurhash ? true : false - } - - PropertyChanges { - target: img - opacity: 0 - } - - PropertyChanges { - target: mxcimage - opacity: 0 - } - }, - State { - name: "PrivacyScreenInvisible" + name: "ImageVisible" PropertyChanges { target: blurhash_ @@ -90,8 +71,8 @@ AbstractButton { ] transitions: [ Transition { - from: "PrivacyScreenInvisible" - to: "PrivacyScreenVisible" + from: "ImageVisible" + to: "BlurhashVisible" reversible: true SequentialAnimation {