当前位置：首页 > news >正文

QML动画--ParallelAnimation和SequentialAnimation

news 来源：原创 2025/8/10 22:54:34

一、ParallelAnimation

ParallelAnimation 是 QML 中用于并行执行多个动画的容器动画类型，可以同时运行多个子动画。

基本用法

qml

import QtQuick 2.15Rectangle {id: rectwidth: 100; height: 100color: "red"x: 0; y: 0; opacity: 1.0ParallelAnimation {running: trueNumberAnimation { target: rect; property: "x"; to: 200; duration: 1000 }NumberAnimation { target: rect; property: "y"; to: 200; duration: 1500 }PropertyAnimation { target: rect; property: "opacity"; to: 0.5; duration: 800 }}
}

主要属性

属性	类型	描述	默认值
`animations`	list<Animation>	子动画列表	空列表
`running`	bool	是否运行	false
`loops`	int	循环次数	1
`alwaysRunToEnd`	bool	停止时是否完成	false

方法

方法	参数	描述
`start()`	-	开始所有子动画
`stop()`	-	停止所有子动画
`restart()`	-	重新开始所有子动画
`pause()`	-	暂停所有子动画
`resume()`	-	恢复所有子动画
`addAnimation(animation)`	Animation	添加子动画
`removeAnimation(animation)`	Animation	移除子动画
`clearAnimations()`	-	清除所有子动画

信号

信号	描述
`started()`	所有子动画开始时触发
`stopped()`	所有子动画停止时触发
`finished()`	所有子动画完成时触发
`paused()`	所有子动画暂停时触发
`resumed()`	所有子动画恢复时触发

使用示例

1. 基本并行动画

qml

ParallelAnimation {id: parallelAnimNumberAnimation { property: "x"; to: 300; duration: 1000 }NumberAnimation { property: "y"; to: 300; duration: 1000 }RotationAnimation { target: rotation; to: 360; duration: 1000 }
}

2. 动态添加动画

qml

ParallelAnimation {id: dynamicAnim
}// 动态添加动画
function addScaleAnimation() {var anim = Qt.createQmlObject('import QtQuick 2.15; NumberAnimation { property: "scale"; to: 2.0; duration: 500 }', dynamicAnim);dynamicAnim.addAnimation(anim);
}

3. 组合动画序列

qml

SequentialAnimation {// 第一阶段：并行移动和旋转ParallelAnimation {NumberAnimation { property: "x"; to: 200 }RotationAnimation { target: rotation; to: 90 }}// 第二阶段：并行改变颜色和大小ParallelAnimation {ColorAnimation { property: "color"; to: "blue" }NumberAnimation { property: "width"; to: 150 }}
}

注意事项

所有子动画会同时开始执行
整体动画持续时间等于最长子动画的持续时间
可以通过 animations 属性或 addAnimation() 方法添加子动画
可以嵌套使用 SequentialAnimation 创建复杂动画序列
子动画的 running 属性会被 ParallelAnimation 控制

二、SequentialAnimation

SequentialAnimation 是 QML 中用于顺序执行多个动画的容器动画类型，可以按顺序依次运行多个子动画。

基本用法

qml

import QtQuick 2.15Rectangle {id: rectwidth: 100; height: 100color: "red"x: 0; y: 0SequentialAnimation {running: trueNumberAnimation { target: rect; property: "x"; to: 200; duration: 1000 }NumberAnimation { target: rect; property: "y"; to: 200; duration: 1000 }ColorAnimation { target: rect; property: "color"; to: "blue"; duration: 500 }}
}

主要属性

属性	类型	描述	默认值
`animations`	list<Animation>	子动画列表	空列表
`running`	bool	是否运行	false
`loops`	int	循环次数	1
`alwaysRunToEnd`	bool	停止时是否完成当前动画	false
`currentAnimation`	Animation	当前正在运行的子动画	null

方法

方法	参数	描述
`start()`	-	开始动画序列
`stop()`	-	停止动画序列
`restart()`	-	重新开始动画序列
`pause()`	-	暂停当前动画
`resume()`	-	恢复暂停的动画
`addAnimation(animation)`	Animation	添加子动画
`removeAnimation(animation)`	Animation	移除子动画
`clearAnimations()`	-	清除所有子动画
`jumpTo(index)`	int	跳转到指定索引的动画

信号

信号	描述
`started()`	动画序列开始时触发
`stopped()`	动画序列停止时触发
`finished()`	动画序列完成时触发
`paused()`	动画序列暂停时触发
`resumed()`	动画序列恢复时触发
`currentAnimationChanged()`	当前运行的子动画改变时触发

使用示例

1. 基本顺序动画

qml

SequentialAnimation {id: seqAnimNumberAnimation { property: "x"; to: 100; duration: 500 }NumberAnimation { property: "y"; to: 100; duration: 500 }PauseAnimation { duration: 200 } // 暂停200毫秒RotationAnimation { target: rotation; to: 360; duration: 1000 }
}

2. 动态控制动画序列

qml

SequentialAnimation {id: dynamicSeqAnim
}// 动态添加动画
function buildAnimation() {dynamicSeqAnim.clearAnimations();dynamicSeqAnim.addAnimation(createAnim("x", 200));dynamicSeqAnim.addAnimation(createAnim("y", 200));
}function createAnim(prop, toValue) {return Qt.createQmlObject(`import QtQuick 2.15; NumberAnimation { property: "${prop}"; to: ${toValue}; duration: 500 }`,dynamicSeqAnim);
}

3. 嵌套组合动画

qml

SequentialAnimation {// 第一阶段：并行移动和旋转ParallelAnimation {NumberAnimation { property: "x"; to: 200 }RotationAnimation { target: rotation; to: 90 }}// 第二阶段：顺序改变颜色和大小SequentialAnimation {ColorAnimation { property: "color"; to: "blue" }NumberAnimation { property: "width"; to: 150 }}
}

特殊用法

1. 使用 PauseAnimation 添加延迟

qml

SequentialAnimation {NumberAnimation { property: "opacity"; to: 0; duration: 300 }PauseAnimation { duration: 500 } // 暂停500毫秒NumberAnimation { property: "opacity"; to: 1; duration: 300 }
}

2. 循环动画序列

qml

SequentialAnimation {loops: Animation.Infinite // 无限循环NumberAnimation { property: "x"; to: 200; duration: 1000 }NumberAnimation { property: "x"; to: 0; duration: 1000 }
}

注意事项

子动画会按照添加顺序依次执行
整体动画持续时间等于所有子动画持续时间之和
可以通过 currentAnimation 属性获取当前运行的子动画
使用 jumpTo() 方法可以跳过某些动画
可以嵌套 ParallelAnimation 创建复杂的动画组合

QML动画--ParallelAnimation和SequentialAnimation

一、ParallelAnimation ParallelAnimation 是 QML 中用于并行执行多个动画的容器动画类型，可以同时运行多个子动画。基本用法 qml import QtQuick 2.15Rectangle {id: rectwidth: 100; height: 100color: "red"x: 0; y: 0; opacity: 1.0ParallelAnim…...

编程日记 2025/8/10 22:54:34

深入解析进程与线程：区别、联系及Java实现

引言在现代操作系统中，进程和线程是并发编程的两大核心概念。理解它们的区别与联系对开发高性能、高可靠性的程序至关重要。本文将通过原理分析和Java代码示例，深入探讨这两个关键概念。一、基本概念 1.1 进程（Process） 定义&…...

编程日记 2025/8/6 1:16:41

c++：线程（std::thread）

目录从第一性原理出发：为什么需要线程？ ✅ 本质定义： 📌 使用基本语法： 线程之间的“并发”与“并行”的区别线程安全与数据竞争（Race Condition） 如何让线程“安全地”访问数据&#x…...

编程日记 2025/7/31 5:11:58

基于LSTM-AutoEncoder的心电信号时间序列数据异常检测(PyTorch版)

心电信号（ECG）的异常检测对心血管疾病早期预警至关重要，但传统方法面临时序依赖建模不足与噪声敏感等问题。本文使用一种基于LSTM-AutoEncoder的深度时序异常检测框架，通过编码器-解码器结构捕捉心电信号的长期时空依赖特征&#…...

编程日记 2025/8/10 21:36:24

[密码学基础]GM/T 0018-2023 密码设备应用接口规范深度解析：技术革新与开发者实践

GM/T 0018-2023 密码设备应用接口规范深度解析：技术革新与开发者实践 GM/T 0018-2023《密码设备应用接口规范》是中国密码行业的重要标准，于2023年12月4日发布，2024年6月1日正式实施，替代了2012年版标准。该标准旨在规范密码设备…...

编程日记 2025/8/10 22:54:22

深入理解 Java 多线程：锁策略与线程安全

文章目录一、常见的锁策略1. 乐观锁&&悲观锁2. 读写锁3. 重量级锁&&轻量级锁4. 自旋锁5. 公平锁&&不公平锁6. 可重入锁 && 不可重入锁二、CAS1. 什么是 CAS2. CAS 是怎么实现的3.CAS 有哪些应用1) 实现原子类2) 实现自旋锁 4. CAS 的 ABA 问…...

编程日记 2025/8/6 10:17:05

Java从入门到“放弃”（精通）之旅——数组的定义与使用⑥

Java从入门到“放弃”（精通）之旅🚀——数组⑥ 前言——什么是数组？ 数组：可以看成是相同类型元素的一个集合，在内存中是一段连续的空间。比如现实中的车库，在java中，包含6个整形类…...

编程日记 2025/8/8 19:25:58

VsCode搭建

安全性问题的声明： VScode是一个由微软出品的开源软件编辑器 VScode下载 https://code.visualstudio.com/Download 官网直接下载即可，windows和linux的vscode使用命令是类似的。 VScode插件相关为了方便安装，推荐设置并使用vscode插件的…...

编程日记 2025/8/8 15:03:24

【NLP 65、实践 ⑯ 基于Agent优化文章】

羁绊由我而起，痛苦也由我承担 —— 25.4.18 一、⭐【核心函数】定义大模型调用函数 call_large_model prompt：用户传入的提示词（如 “请分析这篇作文的主题”），指导模型执行任务 client：Zhipu…...

编程日记 2025/8/9 5:43:14

【Redis】从单机架构到分布式，回溯架构的成长设计美学

前言 🌟🌟本期讲解关于分布式架构的发展相关知识介绍~~~ 🌈感兴趣的小伙伴看一看小编主页：GGBondlctrl-CSDN博客 🔥 你的点赞就是小编不断更新的最大动力 🎆那么废…...

编程日记 2025/8/10 5:07:10

增量式PID基础解析与代码实例：温控系统

目录 1. 前言 2. 增量式PID控制的基本原理 2.1 PID控制的基本概念 2.2 增量式PID控制的特点 3. 增量式PID控制的Python实现：温控系统 3.1 构建增量式PID控制器 3.2 使用增量式PID控制器 3.3 运行模拟 3.4 完整代码 4. 参数调整与优化 4.1 参数选择 4.2…...

编程日记 2025/8/10 7:19:49

数据结构——栈以及相应的操作

栈(Stack) 在维基百科中是这样定义的： 堆栈(stack) 又称为栈或堆叠，是计算机科学中的一种抽象资料类型，只允许在有序的线性资料集合中的一端（称为堆栈顶端，top）进行加入数据（push）和…...

编程日记 2025/7/31 7:26:48

opencv 图像的旋转

图像的旋转 1 单点旋转2. 图片旋转（cv2.getRotationMatrix2D）3. 插值方法3.1 最近邻插值(cv2.INTER_NEAREST)3.2 双线性插值(cv2.INTER_LINEAR)3.3 像素区域插值（cv2.INTER_AREA）3.4 双三次插值（cv2.INTER_CUBIC&#…...

编程日记 2025/8/10 22:54:24

P3916 图的遍历

P3916 图的遍历题目来源-洛谷题意有向图中，找出每个节点能访问到的最大的节点思路每个节点的最大节点，不是最长距离，如果是每个节点都用dfs去找最大值，显然1e6*1e6 超时了，只能60分从第一个节点开始遍历&…...

编程日记 2025/8/8 10:25:24

Vue3 + Three.js 场景编辑器开发实践

文章目录前言项目背景与意义项目技术栈在线演示核心功能实现1. 智能化场景管理2. 专业级模型处理3. 可视化材质与照明4. 相机与渲染引擎5. 场景操作项目优势开发目标1. 几何模型和模型导入，场景新建按钮增加2. 提供场景内容的可视化编辑功能3. 渲染器场景&#xf…...

编程日记 2025/8/4 9:33:08

Vue3 本地打包启动白屏解决思路！! !

“为什么我访问 http://127.0.0.1:5501/index.html 白屏，删了 index.html 再访问 / 就又活过来了？” —— 你的项目与 SPA 路由的“宫斗大戏” 一、问题复现场景本地通过 VSCode Live Server（或其他静态服务器）启动了打包后的 V…...

编程日记 2025/8/8 4:29:57

Ubuntu 安装 Docker 教程（官方推荐方式）

✅ 步骤 1：卸载旧版本（如果有） for pkg in docker.io docker-doc docker-compose docker-compose-v2 podman-docker containerd runc; do sudo apt-get remove $pkg; done---### ✅ 步骤 2：更新 APT 索引并安装依赖项bash sudo a…...

编程日记 2025/8/9 17:16:52

<Button Content"显示隐藏" Click"operationDetails_Click" /> private void operationDetails_Click(object sender, RoutedEventArgs e) { 另一个控件的Name.Visibility 另一个控件的Name.Visibility Visibility.Visible ? Visibility.Col…...

编程日记 2025/8/6 4:20:32

RBAC的使用

1、简述RBAC的作用及工作流程 Rbac基于角色访问控制，用于管理用户对集群资源的访问权限，通过定义角色和绑定规则，将用户与权限进行关联，作用：权限精细化管理，操作便捷与统一管理，动态调整权限。…...

编程日记 2025/8/8 19:33:00

QML中的3D功能--模型导入与修改

在Qt 3D中导入和修改3D模型是开发3D应用程序的基础。以下是详细的流程和技术方案：一、模型导入基础 1. 支持的文件格式 Qt 3D支持多种3D模型格式： OBJ (Wavefront) FBX (Autodesk) DAE (Collada) GLTF/GLB (推荐格式) STL (3D打印格式) 2. 基本导入方法 qml import Qt3…...

编程日记 2025/8/5 4:22:52

树莓派超全系列教程文档--(33)树莓派启动选项

树莓派启动选项启动选项start_file ，fixup_filecmdlinekernelarm_64bitramfsfileramfsaddrinitramfsauto_initramfsdisable_poe_fandisable_splashenable_uartforce_eeprom_reados_prefixotg_mode （仅限Raspberry Pi 4）overlay_prefix配置属…...

编程日记 2025/8/10 1:09:17

dotnet core webapi 实现异常处理中间件

目录第一步：创建异常处理中间件类（自定义响应格式） 第二步：在 Program.cs 中使用中间件三、效果第一步：创建异常处理中间件类（自定义响应格式） public static class ExceptionMiddleware…...

编程日记 2025/8/8 17:51:32

实现Azure Function安全地请求企业内部API返回数据

需要编写一个Function在Azure云上运行，它需要访问企业内部的API获取JSON格式的数据，企业有网关和防火墙，API有公司的okta身份认证，通过公司的域账号来授权访问，现在需要创建一个专用的域账号，让Function访问…...

编程日记 2025/8/8 18:39:14

实现Azure Databricks安全地请求企业内部API返回数据

需要编写一个Databricks在Azure云上运行，它需要访问企业内部的API获取JSON格式的数据，企业有网关和防火墙，API有公司的okta身份认证，通过公司的域账号来授权访问，现在需要创建一个专用的域账号，让Databrick…...

编程日记 2025/7/31 7:26:24

结合建筑业务讲述TOGAF标准处理哪种架构

TOGAF标准处理哪种架构内容介绍业务架构业务策略，治理，组织和关键业务流程数据架构组织的逻辑和物理数据资产以及数据管理资源的结构应用架构待部署的各个应用程序，它们之间的交互以及与组织核心业务流程的关系的蓝图技术架构支持业务&#…...

编程日记 2025/8/5 1:20:54

深度学习--卷积神经网络CNN原理

文章目录一、CNN图像原理1、了解CNN如何处理图像二、CNN图像识别1、画面不变性2、主要表现1）平移不变性2）尺度不变性3）旋转不变性 3、传统神经网络1）数据预处理2）特征提取3）搭建神经网络模型4&#xff09…...

编程日记 2025/8/10 10:32:01

PostgreSQL 常用客户端工具

PostgreSQL 常用客户端工具 PostgreSQL 拥有丰富的客户端工具生态系统，以下是各类常用工具的详细分类和介绍： 一图形化客户端工具 1.1 跨平台工具工具名称特点适用场景许可证pgAdmin官方出品，功能全面开发/运维PostgreSQLDBeaver支持多…...

编程日记 2025/8/9 18:48:50

PostgreSQL数据库yum方式安装详解

PostgreSQL数据库yum方式安装 1. 基础环境配置2. 前期安装准备3. 软件安装3.1 YUM方式安装（PG 13）3.1.1 安装rpm仓库3.1.2 安装软件包PG133.1.3 初始化数据库3.1.4 启动数据库3.1.5 开机自启动3.1.6 编辑环境变量 4. 安装后配置 1. 基础环境配置 2. 前期…...

编程日记 2025/8/8 16:38:05

浅析vue2和vue3的区别

以下是 Vue 2 和 Vue 3 的主要区别：一、核心特性 1. 响应式机制 Vue 2：基于 Object.defineProperty 实现响应式。无法检测对象属性的新增和删除，需要使用 Vue.set 或 $set。Vue 3：使用 Proxy 替代 Object.defineProperty。能够直接检测对象属性的新增和删除，无需额外方…...

编程日记 2025/8/4 1:54:14

【Linux我做主】make和makefile自动化构建

make和makefile自动化构建 make和makefile自动化构建github地址前言背景介绍为什么需要make和makefile？ make和makefile解析什么是make和makefile依赖关系和依赖方法核心语法结构简单演示编译清理多阶段编译示例 make时执行的顺序场景1：clean目标在前(特…...

编程日记 2025/8/4 23:32:04

spring boot应用部署IIS

Windows IIS 部署 Spring Boot 应用详细指南本文档提供了在 Windows Server 上使用 IIS 部署 Spring Boot 应用的完整步骤和最佳实践。目录概述前期准备Spring Boot 应用准备安装配置必要组件配置 IIS 站点配置反向代理配置 Windows 服务配置应用自启动HTTPS 配置日志配置…...

编程日记 2025/8/6 18:30:01

Linux系统之部署TestNet资产管理系统

Linux系统之部署TestNet资产管理系统一、TestNet 介绍1.1 TestNet简介1.2 主要特点1.3 主要使用场景二、本次实践规划2.1 本地环境规划2.2 本次实践介绍三、本地环境检查3.1 检查Docker服务状态3.2 检查Docker版本3.3 检查docker compose 版本四、部署TestNet系统4.1 下载T…...

编程日记 2025/8/5 4:47:20

@EnableAsync+@Async源码学习笔记之六

接上文，我们本文分析 AsyncExecutionAspectSupport 的源码： package org.springframework.aop.interceptor;import java.lang.reflect.Method; import java.util.Map; import java.util.concurrent.Callable; import java.util.concurrent.CompletableFu…...

编程日记 2025/8/8 1:20:12

SQL系列：常用函数

1、【MySQL】合并字段函数（列转行） 它可以将两个字段中的数据合并到一个字段中。 1）CONCAT函数 CONCAT函数可以将多个字段中的数据合并到一个字段中。它的语法格式如下： SELECT CONCAT(字段1,字段2,...字段N) FROM 表名;SELEC…...

编程日记 2025/8/5 1:12:40

Git 中修改某个特定的commit提交内容

在 Git 中修改某个特定的提交（commit）通常需要使用交互式变基（Interactive Rebase） 或修改提交（Commit Amend）。以下是不同场景下的具体操作步骤： 一、修改最近的提交（最新提交&am…...

编程日记 2025/8/5 1:33:47

FHS --- linux目录结构（部分目录解释）

根目录（/） 的意义和内容 ： 根目录是整个系统最重要的一个目录，因为不但所有的目录都是由根目录衍生出来的，同时根目录也与开机/还原/系统修复等动作有关。由于系统开机时需要特定的开机软件、核心档案、开机所需程序…...

编程日记 2025/8/6 2:25:06

不带无线网卡的Linux开发板上网方法

I.MX6ULL通过网线上网设置WLAN共享修改开发板的IP 在使用I.MX6ULL-MINI开发板学习Linux的时候，有时需要更新或者下载一些资源包，但是开发板本身是不带无线网卡或者WIFI芯片的，尝试使用网口连接笔记本，笔记本通过无线网卡连接WIFI…...

编程日记 2025/7/31 7:25:59

图书管理系统C语言

图书管理系统C语言代码示例。该系统可以实现图书信息（包含图书编号、书名、作者、出版社、价格、库存数量）的录入、显示、查询、修改、删除等功能，还具备一定的错误处理和输入验证。 #include <stdio.h> #include <stdlib.h> …...

编程日记 2025/8/6 9:01:25

关于大型语言模型的“生物学”

我知道我们已经聊过很多次，关于LLM是怎么运作的，它们的影响力，还有它们的使用场景。但尽管现在有那么多讲LLM的文章，它们本质上还是个黑箱。但我们真正要问自己的问题是，为什么理解这些系统的内部结构很重要&#xf…...

编程日记 2025/8/5 13:43:34

图像预处理-图像边缘检测(流程)

一.高斯滤波因为图像边缘检测就是把像素值有差异的地方提取出来，所以噪声会有很大影响，因此需要对图像进行平滑处理，高斯滤波是流程中常用的方法。二.计算图像的梯度与方向过程中通常使用sobel算子进行梯度计算，在OpenCV中&am…...

编程日记 2025/8/8 18:18:03

解锁思想道德修养的奥秘：用思维导图开启智慧之旅

在我们的成长过程中，思想道德修养如同基石，奠定了我们为人处世、面对生活挑战的基本态度和准则。而如何高效地梳理和掌握思想道德修养的丰富内容呢？思维导图这一强大工具为我们提供了独特视角和便捷途径。思想道德修养的关键板块道德理论…...

编程日记 2025/8/7 9:21:52

swagger的简介及使用方法

Swagger 是一个用于描述、生成、文档化和测试 RESTful API 的开源工具集。它可以自动生成 API 文档，帮助开发者理解和使用 API。Swagger 由 Swagger.io 提供，并已经发展成了一套广泛应用于 API 设计和文档的标准。 Swagger 项目的历史可以追溯到 2010 年…...

编程日记 2025/8/8 14:13:16

解决Ubuntu图形化界面操作适配问题

1 缘起使用Ubuntu GNOME图形化系统作为开发机， 遇到与Windows操作不一致的地方，比如PyCharm、IntelliJ时无法正确代码跳转， 如CtrlAltLeft，CtrlAltRight无法正常在代码级别跳转，只能在文件级别跳转。基于这个开端&a…...

编程日记 2025/7/31 8:51:00

End-to-End从混沌到秩序：基于LLM的Pipeline将非结构化数据转化为知识图谱

摘要：本文介绍了一种将非结构化数据转换为知识图谱的端到端方法。通过使用大型语言模型（LLM）和一系列数据处理技术，我们能够从原始文本中自动提取结构化的知识。这一过程包括文本分块、LLM 提示设计、三元组提取、归一化与去重，最终利用 NetworkX 和 ipycytoscape 构建并可…...

编程日记 2025/8/10 9:03:07

使用Ingress发布应用程序

使用Ingress发布应用程序文章目录使用Ingress发布应用程序[toc]一、什么是Ingress二、定义Ingress三、什么是Ingress控制器四、部署nginx Ingress控制器1.了解nginx Ingress控制器的部署方式2.安装nginx Ingress控制器3.本地实际测试五、使用Ingress对外发布应用程序1.使用D…...

编程日记 2025/8/4 13:10:02

llama-factory微调报错：

报错信息 [INFO] [utils.py:789:see_memory_usage] CPU Virtual Memory: used 81.51 GB, percent 64.9% W0419 10:14:27.573000 108354 site-packages/torch/distributed/elastic/multiprocessing/api.py:897] Sending process 108373 closing signal SIGTERM W0419 10:14:27…...

编程日记 2025/8/5 4:13:54

一、ParallelAnimation

基本用法

主要属性

方法

信号

使用示例

1. 基本并行动画

2. 动态添加动画

3. 组合动画序列

注意事项

二、SequentialAnimation

基本用法

主要属性

方法

信号

使用示例

1. 基本顺序动画

2. 动态控制动画序列

3. 嵌套组合动画

特殊用法

1. 使用 PauseAnimation 添加延迟

2. 循环动画序列

注意事项

相关文章：