QML之PathAnimation路径动画

来源：互联网发布：ubuntu修改文件权限编辑：程序博客网时间：2024/05/30 23:12

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

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

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

import QtQuick 2.3import QtQuick.Window 2.2Window {    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就是这么棒！

0 0