Add image loading indicator.

Add AutoImage.
2018-08-18 18:59:23 +08:00
parent bf456ae523
commit aa8f50a6c2
3 changed files with 40 additions and 9 deletions
--- a/qml/component/ImageBubble.qml
+++ b/qml/component/ImageBubble.qml
@@ -9,8 +9,8 @@ AvatarContainer {
    Rectangle {
        id: messageRect

-        width: messageImage.implicitWidth + 24
-        height: messageImage.implicitHeight + 24
+        width: messageImage.width + 24
+        height: messageImage.height + 24

        color: sentByMe ? background : Material.accent

@@ -21,17 +21,13 @@ AvatarContainer {
            height: messageImage.height
            anchors.centerIn: parent

-            Image {
+            AutoImage {
                id: messageImage
                z: -4
-                sourceSize.width: 128
+                sourceSize: 128
                source: "image://mxc/" + (content.thumbnail_url ? content.thumbnail_url : content.url)

-                MouseArea {
-                    anchors.fill: parent
-                    propagateComposedEvents: true
-                    onClicked: downloadAndOpen()
-                }
+                onClicked: downloadAndOpen()
            }
        }
    }