[Interest] Loader seems to be blocking animation
VStevenP
vstevenpavao at yahoo.com
Tue Dec 10 21:24:45 CET 2013
I switched over to using the new YAnimator type for my icon highlighter rectangle. The animation works, but it's still blocked by the QML Loader, on both Android and Mac Desktop.
I got rid of all the old-style states and transitions syntax, and simply switched over to the following syntax:
...
property int currentTab: 0
Rectangle {
id: pageTabs
anchors.fill: parent
color: "darkgrey"
Rectangle {
id: highlighterRect
width: pageTabsPane.width
height: pageTabsPane.width // a square
color: "black"
YAnimator {
id: highlighterRectAnimator
target: highlighterRect
duration: 40
}
Component.onCompleted {
y = homeIcon.y
}
}
PageTabIcon {
id: homeIcon
source:"img/homeIcon.svg"
onPageTabIconClicked: {
highlighterRectAnimator.from = highlighterRect.y
highlighterRectAnimator.to = homeIcon.y
highlighterRectAnimator.running = true
currentTab = Common.PageView.Home
}
}
PageTabIcon {
id: mixIcon
y: pageTabsPane.width
source: "img/mixIcon.svg"
onPageTabIconClicked: {
highlighterRectAnimator.from = highlighterRect.y
highlighterRectAnimator.to = mixIcon.y
highlighterRectAnimator.running = true
currentTab=Common.PageView.Mix
}
}
...
}
Is this the wrong syntax? It's the one syntax I figured out that seemed to cause the Yanimation to work for animating the highlighted background from icon to icon.
- VStevenP
----- Original Message -----
From: Sletta Gunnar <Gunnar.Sletta at digia.com>
To: VStevenP <vstevenpavao at yahoo.com>; "interest at qt-project.org" <interest at qt-project.org>
Cc:
Sent: Tuesday, December 10, 2013 8:43 AM
Subject: SV: [Interest] Loader seems to be blocking animation
You want to have a look at the new Animator types introduced in Qt 5.2. These run on the render thread and won't be blocked when the loader is running.
http://doc-snapshot.qt-project.org/qt5-stable/qtquick-statesanimations-topic.html#animators
cheers,
Gunnar
More information about the Interest
mailing list