QML之PathAnimation路径动画

路径动画不用多说，自然是让指定的对象沿某个路径进行移动啦。

老规矩，来看一个曲线运动的代码示例吧骚年们。

话说……春天来了，好想有个妹子呀，只有程序员，没有程序媛的么……

import QtQuick 2.3
import QtQuick.Window 2.2

Window {
    visible: true
    width: 500
    height: 500

    MouseArea {
        anchors.fill: parent
        onClicked: {
            pathAnimation.start()
        }
    }
    Rectangle{
    id:rect
    width: 100
    height: 100
    color: "black"
    border.color: "black"
    }
PathAnimation{
    id:pathAnimation
    target: rect
    duration: 5000
    orientationEntryDuration: 2000
    orientationExitDuration: 2000
    easing.type: Easing.InCubic
    path: Path{
    startX: 0
    startY: 0
    pathElements: PathArc{
    x:360
    y:0
    useLargeArc: true
    radiusX: 160
    radiusY: 160
    direction: PathArc.Counterclockwise

    }
    }


}
}

这段代码看起来好像很复杂的样子哦，各种嵌套，还有一些看起来复杂的新名词，其实你只要搜索一下，或者看一下帮助文档就明白啦。QML如此简单，它的帮助看起来也是非常简单的呢。

效果图先看，再说一些细节的东西吧：

这是运动过程中的两张截图。

orientationEntryDuration:2000

orientationExitDuration:2000

这两个是用来指定在运动过程中进入和退出的时间，毕如果速度太快，看起来就没有那么爽了。

pathElements:就是用来指定它的轨迹啦。我这里使用的是pathArc用来画曲线的，当然，你还有很多选择哦。

哦对了，有些程序员写代码的时候会不写 pathElements:，而是直接写pathArc这段代码，也是一样的，QT就是这么棒！