medvedych/harbour-fernschreiber
2
0
Fork 1
Code Issues Pull requests 1 Projects Releases Packages Wiki 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: [
State {
when: area.expanded
PropertyChanges { target: image; rotation: -90 }
PropertyChanges { target: image; rotation: 90 }
PropertyChanges { target: content; height: content.implicitHeight + Theme.paddingLarge; opacity: 1.0 }
}
]
@ -40,6 +40,7 @@ Item {
to: "*"
enabled: area.parent.animate
NumberAnimation { target: content; properties: "height, opacity"; duration: 200}
NumberAnimation { target: image; properties: "rotation"; duration: 200}
}
Connections {
target: area.parent
@ -90,8 +91,8 @@ Item {
}
width: visible ? Theme.iconSizeMedium : 0
highlighted: parent.highlighted
source: "image://theme/icon-m-right"
rotation: 90
source: "image://theme/icon-m-left"
rotation: -90
}
}
Loader {