Question

我需要在屏幕上从右到左连续创建移动文本，我已使用QML Timer和Text元素实现了它。

下面的代码工作正常，但我担心下面的代码导致更多的CPU或内存使用，主要是因为定时器每33毫秒触发一次。我必须在我的应用程序和多个实例中使用它，例如在许多网格窗口内。

这是正确的做法吗？或者有什么比这更好的了？

Rectangle{
        width:parent.width
        height:parent.height
        color: "#333333"

        Timer {
            id: resetTimer
            interval: 33
            repeat: true
            running: true
            onTriggered: {
             console.log("triggred");
             moving_text.x = moving_text.x-1
             if(moving_text.x<-1*moving_text.paintedWidth)
               moving_text.x=parent.width
            }
        }

        Text{
            id:moving_text
            x:parent.width
            text:"Moving text"
            color: "white"
        }
    }

Answer 1

为什么要让事情变得如此复杂。您可以在NumberAnimation上使用x，如下所示：

import QtQuick 2.0

Rectangle{
    id: root
    width:250
    height:250
    color: "#333333"

    Text{
        id:moving_text
        x:parent.width
        text:"Moving text"
        color: "white"

        NumberAnimation on x{
            from: root.width
            to: -1*moving_text.width
            loops: Animation.Infinite
            duration: 3000
        }
    }
}

至于你对内存和cpu使用的关注，你应该比较两种方法并检查哪种方法适合你。但我的个人建议是使用NumberAnimation。

QML用计时器移动文本

1 个答案: