medvedych/harbour-fernschreiber
2
0
Fork 1
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity

Animate accordion image rotation

Browse source
This commit is contained in:
Slava Monich 2021-09-18 16:55:07 +03:00
parent dce28370b5
commit 481d6e88cc
1 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
qml/components/settingsPage/AccordionItem.qml
View file

@ -32,7 +32,7 @@ Item {
states: [ states: [
State { State {
when: area.expanded when: area.expanded
PropertyChanges { target: image; rotation: -90 } PropertyChanges { target: image; rotation: 90 }
PropertyChanges { target: content; height: content.implicitHeight + Theme.paddingLarge; opacity: 1.0 } PropertyChanges { target: content; height: content.implicitHeight + Theme.paddingLarge; opacity: 1.0 }
} }
] ]
@ -40,6 +40,7 @@ Item {
to: "*" to: "*"
enabled: area.parent.animate enabled: area.parent.animate
NumberAnimation { target: content; properties: "height, opacity"; duration: 200} NumberAnimation { target: content; properties: "height, opacity"; duration: 200}
NumberAnimation { target: image; properties: "rotation"; duration: 200}
} }
Connections { Connections {
target: area.parent target: area.parent
@ -90,8 +91,8 @@ Item {
} }
width: visible ? Theme.iconSizeMedium : 0 width: visible ? Theme.iconSizeMedium : 0
highlighted: parent.highlighted highlighted: parent.highlighted
source: "image://theme/icon-m-right" source: "image://theme/icon-m-left"
rotation: 90 rotation: -90
} }
} }
Loader { Loader {