96 lines
2 KiB
QML
96 lines
2 KiB
QML
|
import QtQuick 2.3
|
||
|
|
import QtQuick.Controls 2.4
|
||
|
|
import QtQuick.Controls.Styles 1.2
|
||
|
|
|
||
|
|
BusyIndicator {
|
||
|
|
id: control
|
||
|
|
|
||
|
|
property double animationSpeed: 0.5
|
||
|
|
|
||
|
|
contentItem: Item {
|
||
|
|
implicitWidth: 64
|
||
|
|
implicitHeight: 64
|
||
|
|
|
||
|
|
Item {
|
||
|
|
id: item
|
||
|
|
|
||
|
|
x: parent.width / 2 - 32
|
||
|
|
y: parent.height / 2 - 32
|
||
|
|
|
||
|
|
width: 64
|
||
|
|
height: 64
|
||
|
|
|
||
|
|
opacity: control.running ? 1 : 0
|
||
|
|
|
||
|
|
property int currentHeight: 0
|
||
|
|
|
||
|
|
onCurrentHeightChanged: {
|
||
|
|
}
|
||
|
|
|
||
|
|
Behavior on opacity {
|
||
|
|
OpacityAnimator {
|
||
|
|
duration: 250
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
SequentialAnimation {
|
||
|
|
loops: Animation.Infinite
|
||
|
|
|
||
|
|
running: true
|
||
|
|
|
||
|
|
NumberAnimation {
|
||
|
|
target: item
|
||
|
|
|
||
|
|
duration: 2000 * 1/control.animationSpeed
|
||
|
|
|
||
|
|
to: 1000
|
||
|
|
|
||
|
|
properties: "currentHeight"
|
||
|
|
|
||
|
|
easing.type: Easing.InOutQuad
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
NumberAnimation {
|
||
|
|
target: item
|
||
|
|
|
||
|
|
duration: 2000 * 1/control.animationSpeed
|
||
|
|
|
||
|
|
to: 0
|
||
|
|
|
||
|
|
properties: "currentHeight"
|
||
|
|
|
||
|
|
easing.type: Easing.InOutQuad
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
Row {
|
||
|
|
|
||
|
|
anchors.fill: parent
|
||
|
|
|
||
|
|
spacing: item.width / 9
|
||
|
|
|
||
|
|
Repeater {
|
||
|
|
id: repeater
|
||
|
|
model: 5
|
||
|
|
|
||
|
|
Rectangle {
|
||
|
|
|
||
|
|
property double heightMultiplier: Math.abs( Math.sin(( (item.currentHeight + (index*20))*0.01) * (Math.PI/2) ) )
|
||
|
|
|
||
|
|
anchors.verticalCenter: parent.verticalCenter
|
||
|
|
|
||
|
|
width: item.width / 9
|
||
|
|
height: ( heightMultiplier ) * ( item.height - 1 ) + 1
|
||
|
|
|
||
|
|
radius: width * 0.5
|
||
|
|
|
||
|
|
color: "#21be2b"
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|