QML笔记-2种方式实现心脏跳动
生活随笔
收集整理的這篇文章主要介紹了
QML笔记-2种方式实现心脏跳动
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
程序運行截圖如下:
隨著時間,心臟會放大和縮小:
這里大邏輯如下:
把心圖片先放大,然后在縮小。
先放大又分為使用Sacle進行放縮,或者使用transform進行放縮
?
關鍵代碼如下:
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
總結
以上是生活随笔為你收集整理的QML笔记-2种方式实现心脏跳动的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Spring Boot笔记-拦截器相关(
- 下一篇: Redis工作笔记-spring整合je