當(dāng)前位置：
首頁 >
QML笔记-2种方式实现心脏跳动
發(fā)布時(shí)間：2025/3/15
35
豆豆
生活随笔
收集整理的這篇文章主要介紹了
QML笔记-2种方式实现心脏跳动
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
程序運(yùn)行截圖如下：
隨著時(shí)間，心臟會(huì)放大和縮小：
這里大邏輯如下：
把心圖片先放大，然后在縮小。
先放大又分為使用Sacle進(jìn)行放縮，或者使用transform進(jìn)行放縮
?
關(guān)鍵代碼如下：
import QtQuick 2.5 import QtQuick.Window 2.2Window {visible: truewidth: 640height: 480title: qsTr("Hello World")color: "black"Image{id: loveImgsource: "qrc:/img/love_PNG89.png"anchors.centerIn: parent// SequentialAnimation{// running: true // loops: Animation.Infinite // ScaleAnimator{// target: loveImg // from: 0.2 // to: 1 // duration: 400 // }// ScaleAnimator{// target: loveImg // from: 1 // to: 0.2 // duration: 400 // } // }transform: Scale{id: loveTransformproperty real scaleValue: 1origin.x: loveImg.width / 2origin.y: loveImg.height / 2xScale: scaleValueyScale: scaleValue}SequentialAnimation{running: trueloops: Animation.InfinitePropertyAnimation{target: loveTransformproperties: "scaleValue"from: 0.5to: 1duration: 400}PropertyAnimation{target: loveTransformproperties: "scaleValue"from: 1to: 0.5duration: 400}}} }源碼打包下載：
https://github.com/fengfanchen/Qt/tree/master/QMLLove
總結(jié)
以上是生活随笔為你收集整理的QML笔记-2种方式实现心脏跳动的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Spring Boot笔记-拦截器相关（
- 下一篇： Qt笔记-Q3DScatter及QCus