如何在QML中为多个对象设置动画

李H

我尝试使用顺序动画同时为多个对象设置动画。出于我的目的,我需要从顺序动画(和数字动画)清理的外部访问它。效果很好,但设置时一次只能动画一个对象。如果我为每个对象定义一个数字动画,则可以使用-但我不想这样做,因为以后我想在一个循环中分配动画,该循环的大小会有所不同。因此,我故意调用了相同编号的动画对象。有没有一种方法可以对一堆对象进行动画处理而无需为其定义每个数字动画?这是一些代码:

   Component.onCompleted: {

   seq.access.target = rec1
   seq.access.property = "y"
   seq.access.to = 50
   seq.start()


   seq.access.target = rec2
   seq.access.property = "y"
   seq.access.to = 50
   seq.start()

}

Rectangle{
    id: rec1
    width: 50
    height: 50
    color: "red"
}
Rectangle{
    id: rec2
    x: 100
    width: 50
    height: 50
    color: "blue"
}

SequentialAnimation{
    id: seq
    property alias access: num
    NumberAnimation{id: num}
}

更新嗨,伙计们,感谢您的答复。上面的问题已经由GrecKo的解决方案解决了,但是我仍然还没有...我需要能够使每个目标或多个目标设置成一个循环。我认为通过使上述代码正常工作,如果相同的目标在数组中的位置,则应该/应该工作:

...
property int i
Component.onCompleted: {

    var array = [rec1, rec2]

    for(i = 0; i < array.length; i++){

        seq.access.targets = [array[i]]
        seq.access.property = "y"
        seq.access.to = 50
        seq.start()

    }


}

Rectangle{
    id: rec1
    width: 50
    height: 50
    color: "red"
}

Rectangle{
    id: rec2
    x: 100
    width: 50
    height: 50
    color: "blue"
}
SequentialAnimation{
    id: seq
    property alias access: num
    NumberAnimation{id: num}

}

但这是行不通的。这就是我需要做的。谢谢

格雷科

如果要将同一动画应用于多个对象,则可以使用该targets属性为动画指定多个目标。

在您的示例中,您将像这样使用它:

Component.onCompleted: {
    seq.access.targets = [rec1, rec2]
    seq.access.property = "y"
    seq.access.to = 50
    seq.start()
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在Unity中为刚体对象设置动画

来自分类Dev

如何在脚本中为动画设置游戏对象的位置

来自分类Dev

如何在脚本中为动画设置游戏对象的位置

来自分类Dev

如何在Android中为对象设置多个标签

来自分类Dev

如何在 Corona SDK 中通过多个图像为对象制作多个动画?

来自分类Dev

如何在jQuery中的同一div中为多个项目设置动画?

来自分类Dev

如何在Three.js中为摄影机设置动画以查看对象?

来自分类Dev

如何在 SVG 中为一组对象设置动画?

来自分类Dev

如何在 c# WPF 中为自定义形状对象设置动画

来自分类Dev

如何在OpenGLES中为多个对象上的多个纹理设置片段着色器?

来自分类Dev

如何在渲染中为React组件设置动画?

来自分类Dev

如何在Bootstrap 3中为进度栏设置动画?

来自分类Dev

如何在Android中按顺序为TextViews设置动画?

来自分类Dev

如何在jQuery中为高度自动设置动画?

来自分类Dev

如何在Bootstrap 4中为进度栏设置动画?

来自分类Dev

如何在ObjectiveC中为浮动的UIView设置动画

来自分类Dev

如何在目标C中为绘制的线设置动画?

来自分类Dev

如何在SwiftUI中为视图之间的过渡设置动画?

来自分类Dev

如何在SwiftUI中为navigationBarHidden设置动画?

来自分类Dev

如何在iOS中为暗模式更改设置动画?

来自分类Dev

如何在Rust中为终端设置动画

来自分类Dev

如何在CSS中为图片位置设置动画?

来自分类Dev

如何在jQuery中为高度自动设置动画?

来自分类Dev

如何在android中简单地为视图设置动画

来自分类Dev

如何在markerOptions中为图标设置动画?[GoogleMaps API]

来自分类Dev

如何在 Matplotlib 中为函数设置动画

来自分类Dev

如何在点击事件中为 .text 更改设置动画?

来自分类Dev

如何在 BingMaps 中为 setView 的调用设置动画?

来自分类Dev

如何在反应中为 func comp 设置动画?

Related 相关文章

  1. 1

    如何在Unity中为刚体对象设置动画

  2. 2

    如何在脚本中为动画设置游戏对象的位置

  3. 3

    如何在脚本中为动画设置游戏对象的位置

  4. 4

    如何在Android中为对象设置多个标签

  5. 5

    如何在 Corona SDK 中通过多个图像为对象制作多个动画?

  6. 6

    如何在jQuery中的同一div中为多个项目设置动画?

  7. 7

    如何在Three.js中为摄影机设置动画以查看对象?

  8. 8

    如何在 SVG 中为一组对象设置动画?

  9. 9

    如何在 c# WPF 中为自定义形状对象设置动画

  10. 10

    如何在OpenGLES中为多个对象上的多个纹理设置片段着色器?

  11. 11

    如何在渲染中为React组件设置动画?

  12. 12

    如何在Bootstrap 3中为进度栏设置动画?

  13. 13

    如何在Android中按顺序为TextViews设置动画?

  14. 14

    如何在jQuery中为高度自动设置动画?

  15. 15

    如何在Bootstrap 4中为进度栏设置动画?

  16. 16

    如何在ObjectiveC中为浮动的UIView设置动画

  17. 17

    如何在目标C中为绘制的线设置动画?

  18. 18

    如何在SwiftUI中为视图之间的过渡设置动画?

  19. 19

    如何在SwiftUI中为navigationBarHidden设置动画?

  20. 20

    如何在iOS中为暗模式更改设置动画?

  21. 21

    如何在Rust中为终端设置动画

  22. 22

    如何在CSS中为图片位置设置动画?

  23. 23

    如何在jQuery中为高度自动设置动画?

  24. 24

    如何在android中简单地为视图设置动画

  25. 25

    如何在markerOptions中为图标设置动画?[GoogleMaps API]

  26. 26

    如何在 Matplotlib 中为函数设置动画

  27. 27

    如何在点击事件中为 .text 更改设置动画?

  28. 28

    如何在 BingMaps 中为 setView 的调用设置动画?

  29. 29

    如何在反应中为 func comp 设置动画?

热门标签

归档