diff options
Diffstat (limited to 'widgets')
| -rw-r--r-- | widgets/StyledRect.qml | 6 | ||||
| -rw-r--r-- | widgets/StyledText.qml | 28 |
2 files changed, 31 insertions, 3 deletions
diff --git a/widgets/StyledRect.qml b/widgets/StyledRect.qml index f9d6ad1..07c1e77 100644 --- a/widgets/StyledRect.qml +++ b/widgets/StyledRect.qml @@ -4,7 +4,7 @@ import QtQuick Rectangle { id: root - property bool animated: false + property bool animate: false property bool vertical: false // Convenience property for propagation to children color: "transparent" @@ -20,7 +20,7 @@ Rectangle { } Behavior on implicitWidth { - enabled: root.animated + enabled: root.animate NumberAnimation { duration: Appearance.anim.durations.normal @@ -30,7 +30,7 @@ Rectangle { } Behavior on implicitHeight { - enabled: root.animated + enabled: root.animate NumberAnimation { duration: Appearance.anim.durations.normal diff --git a/widgets/StyledText.qml b/widgets/StyledText.qml index ed5d791..6f281de 100644 --- a/widgets/StyledText.qml +++ b/widgets/StyledText.qml @@ -1,9 +1,14 @@ +pragma ComponentBehavior: Bound + import "root:/config" import QtQuick Text { id: root + property bool animate: false + property string animateProp: "opacity" + renderType: Text.NativeRendering color: Appearance.colours.text font.family: Appearance.font.family.sans @@ -15,4 +20,27 @@ Text { easing.bezierCurve: Appearance.anim.curves.standard } } + + Behavior on text { + enabled: root.animate + + SequentialAnimation { + Anim { + to: 0 + easing.bezierCurve: Appearance.anim.curves.standardAccel + } + PropertyAction {} + Anim { + to: 1 + easing.bezierCurve: Appearance.anim.curves.standardDecel + } + } + } + + component Anim: NumberAnimation { + target: root + property: root.animateProp + duration: Appearance.anim.durations.small + easing.type: Easing.BezierSpline + } } |