QML中的SmoothedAnimation动画

SmoothedAnimation:一个特定的NumberAnimation类型,当目标值改变时会在动画中提供一个平滑过渡的过渡效果。

import QtQuick 2.9
import QtQuick.Window 2.2

Window {
    visible: true
    width: 800
    height: 600
    title: qsTr("Hello World")

      Rectangle {
          anchors.fill: parent
          width: 800; height: 600
          color: "blue"

          Rectangle {
              width: 60; height: 60
              x: rect1.x - 5; y: rect1.y - 5
              color: "green"

              Behavior on x { SmoothedAnimation { velocity: 200 } }
              Behavior on y { SmoothedAnimation { velocity: 200 } }
          }

          Rectangle {
              id: rect1
              width: 50; height: 50
              color: "red"
          }

          focus: true
          Keys.onRightPressed: rect1.x = rect1.x + 100
          Keys.onLeftPressed: rect1.x = rect1.x - 100
          Keys.onUpPressed: rect1.y = rect1.y - 100
          Keys.onDownPressed: rect1.y = rect1.y + 100
      }
}

运行效果:
在这里插入图片描述
鼠标左右键控制红色矩形的位置,绿色矩形会自动跟随。
还在网上看到一篇跟随鼠标的例子:
https://blog.csdn.net/xuancailinggan/article/details/50894032?locationNum=16&fps=1

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值