QML工作笔记-NumberAnimation、RotationAnimation、Timer综合使用
发布日期:2021-06-30 11:01:22
浏览次数:2
分类:技术文章
本文共 2061 字,大约阅读时间需要 6 分钟。
目录
例子及演示
运行截图如下:
git图如下:
程序结构如下:
源码如下:
main.cpp
#include#include int main(int argc, char *argv[]){ QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling); QGuiApplication app(argc, argv); QQmlApplicationEngine engine; engine.load(QUrl(QStringLiteral("qrc:/main.qml"))); if (engine.rootObjects().isEmpty()) return -1; return app.exec();}
main.qml
import QtQuick 2.9import QtQuick.Window 2.2Window { visible: true width: 800 height: 600 title: qsTr("CSDN IT1995") id: windows //背景 Image{ source: "qrc:/img/back.jpg" MouseArea{ onClicked: { numberAnimation1.stop(); console.debug("Hello"); } } } Image { id: img1; x: 50 y: windows.height / 2 - 50 source: "qrc:/img/img.png" NumberAnimation on x{ id : numberAnimation1 to : windows.width / 2 - 170 duration: 400 loops: Animation.Infinite } } Image { id: img2; x: windows.width - 200 y: windows.height / 2 - 80 source: "qrc:/img/img2.png" NumberAnimation on x{ id : numberAnimation2 to : windows.width / 2 duration: 400 loops: Animation.Infinite } RotationAnimation on rotation { to : 360 from: 0 duration: 400 loops: 100 } } MouseArea{ anchors.fill: parent onClicked: { numberAnimation1.start(); numberAnimation2.start(); timer.start(); } } Timer{ id: timer interval: 20 running: false repeat: true onTriggered: { if(img1.x + 171 > img2.x){ console.debug("爆炸了"); timer.stop() img1.visible = false; img2.visible = false; } } } Component.onCompleted: { numberAnimation1.stop(); numberAnimation2.stop(); }}
打包下载
地址:
转载地址:https://it1995.blog.csdn.net/article/details/90171943 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
感谢大佬
[***.8.128.20]2024年04月21日 13时14分01秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
Crawler4j快速入门实例
2019-04-30
display:inline、block、inline-block的区别
2019-04-30
java.sql.SQLException:ORA-01861:文字和格式字符串不匹配
2019-04-30
Webuploader图片上传控件的使用,项目中都可以引用
2019-04-30
ajax请求导致status为canceled的原因
2019-04-30
CSS3中的变形处理
2019-04-30
Mybatis日志文件的配置
2019-04-30
Mybatis入门学习(一)
2019-04-30
Mybatis入门学习(二)
2019-04-30
Mybatis入门学习(三)
2019-04-30
Mybatis入门学习(四)
2019-04-30
Mybatis高级查询(一)
2019-04-30
Sublime text3删除当前行快捷键
2019-04-30
DOM事件处理方式
2019-04-30
快速激活Webstorm
2019-04-30
js 获取浏览器版本信息(全)
2019-04-30
JSONUtil工具类
2019-04-30
Spring 获取HttpServletRequest常用方法
2019-04-30
Mybatis 动态insert语句
2019-04-30