mirrors/linphone-desktop
1
0
Fork 0
mirror of https://gitlab.linphone.org/BC/public/linphone-desktop.git synced 2026-01-25 15:58:16 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(ui/modules/Linphone/Chat/FileMessage): provide an animation on thumbnail

Browse source
This commit is contained in:
Ronan Abhamon 2017-06-13 12:14:21 +02:00
parent cd8e7414b8
commit 9df5166ea4
2 changed files with 84 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

71
linphone-desktop/ui/modules/Linphone/Chat/FileMessage.qml
View file

@ -106,10 +106,61 @@ Row {
}
Loader {
id: thumbnailProvider
Layout.preferredHeight: ChatStyle.entry.message.file.thumbnail.height
Layout.preferredWidth: ChatStyle.entry.message.file.thumbnail.width
sourceComponent: $chatEntry.thumbnail ? thumbnail : extension
ScaleAnimator {
id: thumbnailProviderAnimator
target: thumbnailProvider
duration: ChatStyle.entry.message.file.animation.duration
easing.type: Easing.InOutQuad
from: 1.0
}
states: State {
name: 'hovered'
}
transitions: [
Transition {
from: ''
to: 'hovered'
ScriptAction {
script: {
if (thumbnailProviderAnimator.running) {
thumbnailProviderAnimator.running = false
}
thumbnailProvider.z = Constants.zPopup
thumbnailProviderAnimator.to = ChatStyle.entry.message.file.animation.to
thumbnailProviderAnimator.running = true
}
}
},
Transition {
from: 'hovered'
to: ''
ScriptAction {
script: {
if (thumbnailProviderAnimator.running) {
thumbnailProviderAnimator.running = false
}
thumbnailProviderAnimator.to = 1.0
thumbnailProviderAnimator.running = true
thumbnailProvider.z = 0
}
}
}
]
}
// ---------------------------------------------------------------------
@ -193,14 +244,30 @@ Row {
}
MouseArea {
function handleMouseMove (mouse) {
thumbnailProvider.state = Utils.pointIsInItem(this, thumbnailProvider, mouse)
? 'hovered'
: ''
}
anchors.fill: parent
cursorShape: containsMouse
? Qt.PointingHandCursor
: Qt.ArrowCursor
hoverEnabled: true
onClicked: proxyModel.downloadFile(index)
visible: !rectangle.isNotDelivered && !$chatEntry.isOutgoing
onMouseXChanged: handleMouseMove.call(this, mouse)
onMouseYChanged: handleMouseMove.call(this, mouse)
onClicked: {
// TODO: Handle open.
if (false && Utils.pointIsInItem(this, thumbnailProvider, mouse)) {
proxyModel.openFile(index)
} else {
proxyModel.downloadFile(index)
}
}
}
}

25
linphone-desktop/ui/modules/Linphone/Styles/Chat/ChatStyle.qml
View file

@ -66,6 +66,21 @@ QtObject {
property int spacing: 8
property int width: 250
property QtObject animation: QtObject {
property int duration: 300
property real to: 1.5
}
property QtObject extension: QtObject {
property QtObject background: QtObject {
property color color: Colors.l50
}
property QtObject text: QtObject {
property color color: Colors.k
}
}
property QtObject status: QtObject {
property int spacing: 4
@ -83,16 +98,6 @@ QtObject {
}
}
property QtObject extension: QtObject {
property QtObject background: QtObject {
property color color: Colors.l50
}
property QtObject text: QtObject {
property color color: Colors.k
}
}
property QtObject thumbnail: QtObject {
property int height: 50
property int width: 50