tan
/
Spectral
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add animation for sending.

This commit is contained in:
Black Hat 2018-07-12 16:16:12 +08:00
parent fd4499fc9e
commit 06c6d7a74d
1 changed files with 26 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
qml/form/RoomForm.qml
View File

@ -108,24 +108,6 @@ Item {
ScrollBar.vertical: ScrollBar {} ScrollBar.vertical: ScrollBar {}
Behavior on contentY {
PropertyAnimation { easing.type: Easing.InOutCubic; duration: 200 }
}
// Popup {
// id: loadingPopup
// x: item.x + (item.width - width) / 2
// y: 90
// modal: true
// focus: true
// closePolicy: Popup.CloseOnEscape
// BusyIndicator { running: true }
// }
RoundButton { RoundButton {
id: goTopFab id: goTopFab
width: height width: height
@ -177,7 +159,7 @@ Item {
folder: shortcuts.home folder: shortcuts.home
onAccepted: { onAccepted: {
console.log("You chose: " + fileDialog.fileUrls) console.log("You chose: " + fileDialog.fileUrls)
matriqueController.uploadFile(fileDialog.fileUrls) currentRoom.uploadFile(fileDialog.fileUrls)
} }
} }
} }
@ -192,12 +174,35 @@ Item {
bottomPadding: 0 bottomPadding: 0
selectByMouse: true selectByMouse: true
background: Rectangle { background: Item{
color: Material.theme == Material.Light ? "#eaeaea" : "#242424" Rectangle {
anchors.fill: parent
color: Material.theme == Material.Light ? "#eaeaea" : "#242424"
}
Rectangle {
id:progressIndicator
height: parent.height
width: 0
color: Material.accent
opacity: 1 - width / inputField.width
NumberAnimation on width {
id: animation
from: 0
to: inputField.width
duration: 300
easing.type: Easing.Linear
}
function animate() { animation.start() }
}
} }
Keys.onReturnPressed: { Keys.onReturnPressed: {
postMessage(inputField.text) postMessage(inputField.text)
progressIndicator.animate()
inputField.text = "" inputField.text = ""
} }