Mirrors/overte
3
0
Fork 0
mirror of https://github.com/overte-org/overte.git synced 2025-08-09 18:42:58 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

show spinner during avatar thumbnails loading

Browse source
This commit is contained in:
Alexander Ivash 2018-05-22 00:54:44 +03:00
parent 567298b59b
commit 99affb22f5
6 changed files with 54 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
interface/resources/qml/hifi/AvatarApp.qml
View file

@ -308,6 +308,24 @@ Rectangle {
anchors.top: displayNameLabel.bottom anchors.top: displayNameLabel.bottom
anchors.topMargin: 31 anchors.topMargin: 31
source: avatarUrl source: avatarUrl
visible: avatarImage.status !== Image.Loading
}
ShadowRectangle {
anchors.fill: avatarImage;
color: 'white'
visible: avatarImage.status === Image.Loading
radius: avatarImage.radius
dropShadowRadius: avatarImage.dropShadowRadius;
dropShadowHorizontalOffset: avatarImage.dropShadowHorizontalOffset
dropShadowVerticalOffset: avatarImage.dropShadowVerticalOffset
Spinner {
id: spinner
visible: parent.visible
anchors.fill: parent;
}
} }
AvatarWearablesIndicator { AvatarWearablesIndicator {

21
interface/resources/qml/hifi/avatarapp/AvatarThumbnail.qml
View file

@ -1,4 +1,5 @@
import QtQuick 2.9 import QtQuick 2.9
import QtGraphicalEffects 1.0
Item { Item {
width: 92 width: 92
@ -20,9 +21,29 @@ Item {
ShadowImage { ShadowImage {
id: avatarImage id: avatarImage
anchors.fill: parent anchors.fill: parent
visible: status !== Image.Loading
radius: 5 radius: 5
} }
ShadowRectangle {
anchors.fill: parent;
color: 'white'
visible: avatarImage.status === Image.Loading
radius: avatarImage.radius
border.width: avatarImage.border.width
border.color: avatarImage.border.color
dropShadowRadius: avatarImage.dropShadowRadius;
dropShadowHorizontalOffset: avatarImage.dropShadowHorizontalOffset
dropShadowVerticalOffset: avatarImage.dropShadowVerticalOffset
Spinner {
id: spinner
visible: parent.visible
anchors.fill: parent;
}
}
AvatarWearablesIndicator { AvatarWearablesIndicator {
id: indicator id: indicator
anchors.left: avatarImage.left anchors.left: avatarImage.left

2
interface/resources/qml/hifi/avatarapp/RoundImage.qml
View file

@ -6,6 +6,8 @@ Item {
property alias source: image.source property alias source: image.source
property alias fillMode: image.fillMode property alias fillMode: image.fillMode
property alias radius: mask.radius property alias radius: mask.radius
property alias status: image.status
property alias progress: image.progress
Image { Image {
id: image id: image

2
interface/resources/qml/hifi/avatarapp/ShadowImage.qml
View file

@ -9,6 +9,8 @@ Item {
property alias dropShadowVerticalOffset: shadow.verticalOffset property alias dropShadowVerticalOffset: shadow.verticalOffset
property alias radius: image.radius property alias radius: image.radius
property alias border: image.border property alias border: image.border
property alias status: image.status
property alias progress: image.progress
RoundImage { RoundImage {
id: image id: image

4
interface/resources/qml/hifi/avatarapp/ShadowRectangle.qml
View file

@ -7,6 +7,9 @@ Item {
property alias gradient: rectangle.gradient property alias gradient: rectangle.gradient
property alias border: rectangle.border property alias border: rectangle.border
property alias radius: rectangle.radius property alias radius: rectangle.radius
property alias dropShadowRadius: shadow.radius
property alias dropShadowHorizontalOffset: shadow.horizontalOffset
property alias dropShadowVerticalOffset: shadow.verticalOffset
Rectangle { Rectangle {
id: rectangle id: rectangle
@ -15,6 +18,7 @@ Item {
} }
DropShadow { DropShadow {
id: shadow
anchors.fill: rectangle anchors.fill: rectangle
radius: 6 radius: 6
horizontalOffset: 0 horizontalOffset: 0

7
interface/resources/qml/hifi/avatarapp/Spinner.qml Normal file
View file

@ -0,0 +1,7 @@
import QtQuick 2.5
import QtWebEngine 1.5
AnimatedImage {
source: "../../../icons/loader-snake-64-w.gif"
playing: visible
}