首页 > 其他分享 >Qt/QML学习-动画元素

Qt/QML学习-动画元素

时间:2024-07-12 18:02:40浏览次数:22  
标签:动画 Qt text 500 QML duration property rect target

QML学习

main.qml

import QtQuick 2.15
import QtQuick.Window 2.15

Window {
    width: 640
    height: 480
    visible: true
    title: qsTr("Hello World")

    Rectangle {
        id: rect
        width: 50
        height: 50
        color: "red"
    }

    SequentialAnimation {
        running: true
        ParallelAnimation {
            ColorAnimation {
                target: rect
                property: "color"
                from: "red"
                to: "blue"
                duration: 500
            }

            NumberAnimation {
                target: rect
                property: "x"
                from: 0
                to: 200
                duration: 500
            }
        }

        PropertyAction {
            target: rect
            property: "x"
            value: 0
        }

        PauseAnimation {
            duration: 500
        }

        ScriptAction {
            script: myScript()
        }

        PropertyAnimation {
            target: rect
            property: "width"
            from: 50
            to: 200
            duration: 500
        }
    }

    Text {
        id: text
        anchors.top: rect.bottom
        font.pointSize: 30
        text: "点赞+关注"
    }

    function myScript() {
        text.text = "执行ScriptAction"
    }
}

演示

标签:动画,Qt,text,500,QML,duration,property,rect,target
From: https://blog.csdn.net/qq1138345424/article/details/140370533

相关文章

  • qt的工程,转到vs后,中的文件都编译不过,解决办法
    原文链接 ......
  • 前端 纯CSS border-radius画一个波浪动画
    利用border-radius生成椭圆并不是利用旋转的椭圆本身生成波浪效果,而是利用它去切割背景,产生波浪的效果。HTML:<h2>波浪动画</h2>SCSS:body{position:relative;align-items:center;min-height:100vh;background-color:rgb(118,218,255);ov......
  • Windows下,在Qt中使用OSG
    安装直接用vcpkg安装vcpkginstallosg:x64-windows这样可能会报错:error:whileloadingD:\vcpkg\ports\netcdf-c\vcpkg.json:$.default-features[1]:mismatchedtype:expectedanidentifier这个问题有人遇到,并且在github上提出了:【[netcdf-c]buildfailure#38449......
  • 【QT】容器类控件
    容器类控件1.GroupBox2.TabWidget1.GroupBox使用QGroupBox实现⼀个带有标题的分组框。可以把其他的控件放到里面作为⼀组。这样看起来能更好看⼀点。注意,不要把QGroupBox和QButtonGroup混淆.(之前在介绍QRadionButton的时候提到了QButtonGroup)......
  • 合宙 Air780E模块 AT 指令 MQTT连接
    固件说明重启模块//txAT+RESET//rxAT+RESETOK^boot.rom'v'!\nRDY^MODE:17,17+E_UTRANService+CGEV:MEPDNACT1+NITZ:2024/07/10,08:33:44+0,0查询模块版本信息//txAT+CGMR//rxAT+CGMR+CGMR:"AirM2M_780E_V1161_LTE_AT"OK基本流......
  • 使用滤镜实现文字根据动画图片的效果
    上周写了一篇文字智能适配背景的文章,其中涉及到了色彩与滤镜方面的知识,也提到了直接在 CSS 上使用滤镜。今天,我们趁热打铁,使用 CSS 的滤镜写相对来说比较炸裂的文字根据动画图片的特效吧!一、动画与文字直接在 body 中放入一个 div 元素,然后用我男朋友高中时候原创......
  • Qt开发: 推荐一个缓冲队列操作类的实现
    一.缓冲队列的背景    缓冲队列主要应用在生产者和消费者之间,保证数据的准确不丢失,提高效率。举个例子:如上图,假设点击按钮生成一个方块,方块生产出来需要耗时1s,生成完毕后显示在界面上;然后点击10下按钮,要生产10个按钮预计耗时10s。二.分析问题    点击按......
  • 基于QT开发的反射内存小工具
    前言最近项目需要需要开发一个反射内存小工具,经过2天的修修改终于完成了。界面如下:功能简介反射内存指定地址数据读取反射内存指定地址数据写入反射内存指定地址数据清理十进制、十六进制、二进制数据相互转换部分代码voidRfmMain::setWOtherEditData(constQStri......
  • WeChat算法(CCD/RQT)08分析
    以上内容来自AI生成,仅供学习研究交流使用CCD(ConstantClientData)CCD在微信的登录过程中的主要作用是通过设备指纹和会话信息来识别和验证设备。具体的实现步骤可能如下:设备指纹收集:收集设备的硬件和软件信息,如设备型号、操作系统版本、浏览器信息、分辨率、时区等。收......
  • 实战Qt开发WordBN笔记软件#02 通过Gitee创建YourWordBN仓库;学会GIT常用指令,并实现多分
    01背景【WordBN字远笔记】是天恩软件工作室开发的一款免费笔记软件;WordBN基于VS2019、Qt6.5开发,使用QtQuick(QML)开发语言。本课程将以【WordBN字远笔记】的界面为实战基础,详细介绍如何基于Qt/QML开发语言,从零开始开发一套真正的程序,包括国际化、版本发布、安装包制作等项目......