QML之ColorAnimation颜色动画
2016-03-15 09:22
465 查看
ColorAnimation是颜色类的别的动画，用来负责对color属性进行操作。同样，也重写了from、to两个属性。
需求如下：
一个一个颜色快，初始为红色，单击以后在2秒内逐渐变成蓝色。
代码：
效果图：
需求如下：
一个一个颜色快，初始为红色，单击以后在2秒内逐渐变成蓝色。
代码：
import QtQuick 2.3
import QtQuick.Window 2.2
Window {
visible: true
width: 500
height: 500
Rectangle{
id:colorChange
color: "red"
width: 200
height: 200
radius: 30
anchors.centerIn: parent
}
ColorAnimation{
id:colorAnimation
target: colorChange
property: "color"
to: "blue"
duration: 2000
}
MouseArea{
anchors.fill: parent
onClicked:colorAnimation.start()
}
}效果图：
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- QT学习 第一章：基本对话框
- 使用Shiboken为C++和Qt库创建Python绑定
- Qt 5.6更新至RC版，最终版本近在咫尺
- Gifski：一个跨平台的高质量 GIF 编码器
- 模仿动画的放大缩小容器
- jQuery 1.9.1源码分析系列（十五）动画处理之缓动动画核心Tween
- Android实现定制返回按钮动画效果的方法
- Android中ViewFlipper的使用及设置动画效果实例详解
- jQuery实现美观的多级动画效果菜单代码
- php判断GIF图片是否为动画的方法
- jQuery实现动画效果circle实例
- HTML5游戏引擎LTweenLite实现的超帅动画效果(附demo源码下载)
- 浅析JavaScript动画
- js排序动画模拟-插入排序
- javascript+HTML5的Canvas实现Lab单车动画效果
- 基于javascript实现漂亮的页面过渡动画效果附源码下载
- js实现按钮颜色渐变动画效果
- 超赞的jQuery图片滑块动画特效代码汇总
- jQuery实现连续动画效果实例分析
- jQuery实现的给图片点赞+1动画效果(附在线演示及demo源码下载)