kastet/latte-dock
1
0
Fork 0
mirror of https://github.com/KDE/latte-dock.git synced 2025-03-21 22:50:14 +03:00
Code Issues Projects Releases Wiki Activity

improve the attention color animation

Browse Source
This commit is contained in:
Michail Vourlakos 2017-05-15 21:05:12 +03:00
parent 42d7ae4b5e
commit 291f579dc9
1 changed files with 33 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
plasmoid/package/contents/ui/GlowPoint.qml
View File

@ -53,50 +53,52 @@ Item{
color: glowItem.basicColor
radius: glowItem.roundCorners ? Math.min(width,height) / 2 : 0
}
SequentialAnimation{
running: glowItem.showAttention
loops: Animation.Infinite
alwaysRunToEnd: true
Loader{
anchors.centerIn: parent
anchors.fill: parent
PropertyAnimation {
target: smallCircle
property: "color"
to: glowItem.attentionColor
duration: glowItem.animation
easing.type: Easing.InOutQuad
}
active: glowItem.showAttention
PropertyAnimation {
target:smallCircle
property: "color"
to: glowItem.basicColor
duration: glowItem.animation
easing.type: Easing.InOutQuad
sourceComponent:Rectangle {
id: smallCircleInAttention
color: glowItem.basicColor
radius: smallCircle.radius
SequentialAnimation{
running: glowItem.showAttention
loops: Animation.Infinite
alwaysRunToEnd: true
PropertyAnimation {
target: smallCircleInAttention
property: "color"
to: glowItem.attentionColor
duration: glowItem.animation
easing.type: Easing.InOutQuad
}
PropertyAnimation {
target: smallCircleInAttention
property: "color"
to: glowItem.basicColor
duration: glowItem.animation
easing.type: Easing.InOutQuad
}
}
}
}
RectangularGlow {
RectangularGlow {
id:recGlow
anchors.fill: smallCircle
glowRadius: 2 * Math.min(smallCircle.width, smallCircle.height)
spread: 0.2
color: smallCircle.color
//color: "#cc222222"
// cornerRadius: smallCircle.radius + glowRadius
color: glowItem.showAttention ? smallCircleInAttention.color : smallCircle.color
opacity: root.showBarLine ? 0.25 : 0.45
visible: root.showGlow
}
/* BrightnessContrast {
anchors.fill: recGlow
source: recGlow
anchors.margins: 1
brightness: 0.4
contrast: 0.3
visible: root.glow
}*/
}
}