sprainbrains/harbour-fernschreiber
1
0
Fork 0
forked from medvedych/harbour-fernschreiber
Code Pull requests Activity

Merge pull request #440 from monich/accordion-icon

Browse source 
Animate accordion image rotation
This commit is contained in:
Sebastian Wolf 2021-09-28 21:31:46 +02:00 committed by GitHub
commit 162a47fd26
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
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 {