qml----动画入门（五、简单的动画实现 SmoothedAnimation类）

说完了PathAnimation类，我们再来看一个 SmoothedAnimation类。这个类跟PathAnimation类有点贴近。就是将你指定的from 到to之间产生平滑的动画效果

这个类把easing.type 默认设置成Easing.InOutQuad，可以改变成其他的值InQuad、Linear等等，具体的看帮助文档。

然后就是我们的老朋友，duration，设置动画的周期。如果设置成-1，那就是禁用

再就是velocity属性，设置速率，默认值是200uints/s。同样如此，设置成-1后，也是禁用此功能。注意，如果from到to的距离短，那么SmoothedAnimation会自行调整速率

我们看下方的小例子，当鼠标点击任意位置时，矩形就会紧随变化自身位置

import QtQuick 2.2Rectangle{id: rootItemwidth: 320height: 240Rectangle{id: rectwidth: 80height: 60x: 20y: 20color: "red"}SmoothedAnimation{id: smoothXtarget: rectproperty: "x"duration: 200velocity: -1easing.type: Easing.InQuad}SmoothedAnimation{id: smoothYtarget: rectproperty: "y"velocity: 100}MouseArea{anchors.fill: parentonClicked: {smoothX.from = rect.xsmoothX.to = mouse.x + 4smoothX.start()smoothY.from = rect.ysmoothY.to = mouse.y + 4smoothY.start()}}
}

View Code

效果图？自己动手吧，给你太多，反而你认为对你的好是理所当然。我有一个大学的同学，不在同一个校区。他有一段时间辞掉了工作住在我这里，天天我好吃好喝的供着，起初两三天还偶尔买点零食、水果意思意思，到后来干脆就给供起来了。到两个多星期的时候，早上起来我脑袋不舒服，正好也断了粮，只剩了一代泡面，就将就这袋方便面做了早餐。结果从此之后就记住了，抱怨在我这里吃不饱，故意撵他走。我的天，你怎么不记住我收留你的好，天天伺候着你，从他来到他走就亲自下了一回厨房（他租房时也自己下厨），当大爷当习惯了是不？！行行行，哥哥不伺候你了，煮了一个多月，受够了这位爷，赶紧滚吧。从此笑脸相迎各奔东西

转载于:https://www.cnblogs.com/SaveDictator/p/8138246.html

qml----动画入门（五、简单的动画实现 SmoothedAnimation类）相关推荐

WPF中的动画——（五）路径动画
路径动画是一种专门用于将对象按照指定的Path移动的动画,虽然我们也可以通过控制动画的旋转和偏移实现对象的移动,但路径动画更专业,它的实现更加简洁明了. 路径动画中最常用的是MatrixAnimati ...
安卓动画入门_网络动画入门
安卓动画入门无论您是刚刚开始使用基础知识还是想探索更高级的技术,我们已经构建了完整的指南来帮助您学习CSS和为CSS 设置动画 . 网络动画入门近年来,Motion已成为Web设计领域中非常重要的 ...
动画基础，3种动画方式
WPF编程学习--动画 WPF中的动画--(一)基本概念 WPF中的动画--(二)From/To/By 动画 WPF中的动画--(三)时间线(TimeLine) WPF中的动画--(四)缓动函数 WP ...
【Qt】QML快速入门7——输入元素
QML快速入门 [Qt]QML快速入门1--语法:https://blog.csdn.net/See_Star/article/details/113729827 [Qt]QML快速入门2--基本元素 ...
游戏开发入门（五）游戏动画系统
视频链接:游戏开发入门(五)游戏动画系统(8节课时常:约2小时30分钟) PPT比视频要块一些第二节与PPT对不上视频中杂音太大,如果带耳机还听不清的话,建议直接看内容即可笔记与总结(请先学习 ...
python做动画视频教程_Python入门教程:Python创建动画竟然这么简单！
数据下载地址:www.drugabuse.gov/sites/default/files/overdose_data_1999-2015.xls. 我们将用Matplotlib和Seaborn绘图,用 ...
脑残式网络编程入门(一)：跟着动画来学TCP三次握手和四次挥手
转自即时通讯网:http://www.52im.net/ 1.引言网络编程中TCP协议的三次握手和四次挥手的问题,在面试中是最为常见的知识点之一.很多读者都知道"三次"和&quo ...
Unity游戏动画从入门到住院：动画状态机
好了,现在我们已经成功的导入了动画.接下来要玩的东西就很装13啦.因为大部分动画师是用不到这家伙的,需要掌握这个技能的,至少也是动画组长级别了.嗯...一个组只有你一个动画的,闭嘴!给你个同情的眼神. ...
Github项目解析（九）--实现Activity跳转动画的五种方式
2019独角兽企业重金招聘Python工程师标准>>> 版权声明:本文为博主原创文章,未经博主允许不得转载. 转载请标明出处:一片枫叶的专栏上一篇文章中我们讲解了在Activity ...

qml----动画入门（五、简单的动画实现 SmoothedAnimation类）

qml----动画入门（五、简单的动画实现 SmoothedAnimation类）相关推荐

最新文章

热门文章