When I try to use this new sytnax, I see the following run-time error, and the
animation doesn't happen. Any idea what I can do to avoid this error and get
the animation to work?
assets:/qml/WidgetsGallery/Widgets/PageTabsPane.qml:119 ((null)):
assets:/qml/WidgetsGallery/Widgets/PageTabsPane.qml:119:9: QML YAnimator:
setRunning() cannot be used on non-root animation nodes.
- VStevenP
----- Original Message -----
From: Sletta Gunnar <gunnar.sle...@digia.com>
To: VStevenP <vstevenpa...@yahoo.com>; "interest@qt-project.org"
<interest@qt-project.org>
Cc:
Sent: Wednesday, December 11, 2013 3:38 AM
Subject: SV: [Interest] Loader seems to be blocking animation
Though you set the animation to running, it needs to sync up with the
renderthread for it to actually start. As you trigger the loader right away,
the animation doesn't actually get to start. If you change it into something
like this it will work:
ParallelAnimation {
id: animation
SequentialAnimation {
PauseAnimation { duration: 20; }
ScriptAction { script: loadMyPage(); }
}
YAnimator {
id: highlighterRectAnimator
target: highlighterRect
duration: 250
}
}
cheers,
Gunnar
________________________________________
Fra: interest-bounces+gunnar.sletta=digia....@qt-project.org
[interest-bounces+gunnar.sletta=digia....@qt-project.org] på vegne av VStevenP
[vstevenpa...@yahoo.com]
Sendt: 10. desember 2013 21:24
To: Sletta Gunnar; interest@qt-project.org
Emne: Re: [Interest] Loader seems to be blocking animation
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.sle...@digia.com>
To: VStevenP <vstevenpa...@yahoo.com>; "interest@qt-project.org"
<interest@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
_______________________________________________
Interest mailing list
Interest@qt-project.org
http://lists.qt-project.org/mailman/listinfo/interest
_______________________________________________
Interest mailing list
Interest@qt-project.org
http://lists.qt-project.org/mailman/listinfo/interest
