例子及演示

运行截图如下：

git图如下：

程序结构如下：

源码如下：

main.cpp

#include <QGuiApplication>
#include <QQmlApplicationEngine>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.9
import QtQuick.Window 2.2Window {visible: truewidth: 800height: 600title: qsTr("CSDN IT1995")id: windows//背景Image{source: "qrc:/img/back.jpg"MouseArea{onClicked: {numberAnimation1.stop();console.debug("Hello");}}}Image {id: img1;x: 50y: windows.height / 2 - 50source: "qrc:/img/img.png"NumberAnimation on x{id : numberAnimation1to : windows.width / 2 - 170duration: 400loops: Animation.Infinite}}Image {id: img2;x: windows.width - 200y: windows.height / 2 - 80source: "qrc:/img/img2.png"NumberAnimation on x{id : numberAnimation2to : windows.width / 2duration: 400loops: Animation.Infinite}RotationAnimation on rotation {to : 360from: 0duration: 400loops: 100}}MouseArea{anchors.fill: parentonClicked: {numberAnimation1.start();numberAnimation2.start();timer.start();}}Timer{id: timerinterval: 20running: falserepeat: trueonTriggered: {if(img1.x + 171 > img2.x){console.debug("爆炸了");timer.stop()img1.visible = false;img2.visible = false;}}}Component.onCompleted: {numberAnimation1.stop();numberAnimation2.stop();}}

打包下载

地址：https://github.com/fengfanchen/Qt/tree/master/AnimationTest1QML

QML工作笔记-NumberAnimation、RotationAnimation、Timer综合使用相关推荐

QML工作笔记-仿前端滑出界面（JavaScript）
目录基本概念代码及演示源码打包下载基本概念 qml可以使用JavaScript完成一些动画的功能,其中可以写一个Js文件,并且导入,这样可以让程序结构更加清晰: 但这个JavaScript和w ...
QML工作笔记-Image中fillMode的使用
目录基本概念博主例子(伪代码) 基本概念这个功能非常常用,特意写一篇博文用于记录,方便自己以后快速查阅. 上次申请CSDN专家失败了,原因是CSDN说我这个是以功能点为主,缺乏综合实战! 我就是 ...
Java工作笔记-使用jquery.timer.js实现数据自动刷新
程序运行截图如下: 程序结构如下: 源码如下: HelloServlet.java package my;import java.io.IOException; import java.io.Prin ...
QML工作笔记-Key Element的使用
目录基本概念演示及代码源码打包下载基本概念 Key允许按键,这个比QGraphics框架好用多了,开发起来真的是快. 演示及代码演示运行截图如下: 程序结构如下: 源码如下: main.cp ...
QML工作笔记-为TestField戴上皮肤
目录基本概念代码及演示源码打包下载基本概念以目前的技术累计来说,有3种方式进行美化! 1. 修改TextField本生的属性: 2. 加上TextFieldStyle进行美化: 3. 在Te ...
QML工作笔记-为PushButton戴上皮肤
目录基本概念博主例子源码打包下载基本概念以前写过一个PushButton的基本用法,链接如下: https://blog.csdn.net/qq78442761/article/detail ...
QML工作笔记-PC端和Android端布局错位问题
目录问题演示解决办法问题演示比如如下的程序,在PC端运行: 而在Android端: 可见有如下的问题.造成这个原因可以是两平台的差异.得手动调整Android端的布局解决办法参考我以前的这 ...
QML工作笔记-文本输入设置长度以及回显方式（TextInput与TextField通用）
目录基本概念代码及演示基本概念这是一个很常用到的功能,特意记录下: 一般输入框会用到2个,一个是TextInput一个是TextField. 因为TextInput加Rectangle如果太长 ...
QML工作笔记-2种输入框的使用（TextField与TextInput）
目录演示代码演示这里如下图,上个的那个是TextField,下面的那个是TextInput加一个Rectangle 其中上面那个蓝框包着的就是TextField,下面那个是TextInput ...

QML工作笔记-NumberAnimation、RotationAnimation、Timer综合使用

例子及演示

打包下载

QML工作笔记-NumberAnimation、RotationAnimation、Timer综合使用相关推荐

最新文章

热门文章