Avatarapp: hover animate 'get more avatars'

This commit is contained in:
Alexander Ivash 2018-07-23 22:33:47 +03:00
parent d1da7675f6
commit 091de4a9b5

View file

@ -682,6 +682,14 @@ Rectangle {
PropertyChanges { target: container; y: -5 } PropertyChanges { target: container; y: -5 }
PropertyChanges { target: favoriteAvatarImage; dropShadowRadius: 10 } PropertyChanges { target: favoriteAvatarImage; dropShadowRadius: 10 }
PropertyChanges { target: favoriteAvatarImage; dropShadowVerticalOffset: 6 } PropertyChanges { target: favoriteAvatarImage; dropShadowVerticalOffset: 6 }
},
State {
name: "getMoreAvatarsHovered"
when: getMoreAvatarsMouseArea.containsMouse;
PropertyChanges { target: getMoreAvatarsMouseArea; anchors.bottomMargin: -5 }
PropertyChanges { target: container; y: -5 }
PropertyChanges { target: getMoreAvatarsImage; dropShadowRadius: 10 }
PropertyChanges { target: getMoreAvatarsImage; dropShadowVerticalOffset: 6 }
} }
] ]
@ -741,6 +749,7 @@ Rectangle {
} }
ShadowRectangle { ShadowRectangle {
id: getMoreAvatarsImage
width: 92 width: 92
height: 92 height: 92
radius: 5 radius: 5
@ -756,7 +765,9 @@ Rectangle {
} }
MouseArea { MouseArea {
id: getMoreAvatarsMouseArea
anchors.fill: parent anchors.fill: parent
hoverEnabled: true
onClicked: { onClicked: {
popup.showBuyAvatars(function() { popup.showBuyAvatars(function() {