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

QML 实现一个动态的启动界面

news 来源：原创 2025/9/18 15:22:32

QML 实现一个动态的启动界面

一、效果查看
二、源码分享
三、所用到的资源下载

一、效果查看

在这里插入图片描述

二、源码分享

工程结构

main.qml

import QtQuick
import QtQuick.Controls
import QtQuick.Dialogs
import Qt.labs.platformWindow {id:windowwidth: 640height: 400visible: truetitle: qsTr("Hello World")property int imageCnt: 1Rectangle{anchors.fill: parentgradient: Gradient{orientation: Gradient.VerticalGradientStop { position: 0.0; color: "#4bb6ac" }GradientStop { position: 0.5; color: "#3edabd" }GradientStop { position: 1.0; color: "#24efc0" }}}Timer{interval: 2000repeat: truerunning:trueonTriggered: {var w = Qt.createComponent("DynamicImage.qml")if (w.status === Component.Ready) {var image = "qrc:/image/image"+imageCnt+".svg";imageCnt += 1if(imageCnt > 10)imageCnt = 1var endX = Math.floor(Math.random()*window.width);console.log(image,endX)var item = w.createObject(window,{x:window.width/2-50,y:window.height,width:100,height:100,source:image,stopX:endX,stopY:-150,originX:0,originy:50,moveDuration:15000,rotationDuration: 5000,running: true});console.log("create:"+item)item.moveFinished.connect(()=>{item.destroy()console.log("destroyed:"+item)})}else console.error("create component falied!");}}Text{id:btnwidth: 200height: 100z:1anchors.centerIn: parenttext: "正在启动中...请稍后！"color:"white"horizontalAlignment: Text.AlignHCenterverticalAlignment: Text.AlignVCenterfont.pixelSize: 30font.bold: truefont.italic: true}}

DynamicImage.qml

//DynamicImage.qml
import QtQuick
import QtQuick.ControlsImage{id:rootproperty int stopX: 0property int stopY: 0property alias originX: rotation.origin.xproperty alias originy: rotation.origin.yproperty int moveDuration: 5000property int rotationDuration: 5000property bool running: falsesignal moveFinished()transform: Rotation{id:rotationaxis.x: 0axis.y: 0axis.z: 1}RotationAnimation{running: root.runningtarget: rootfrom:0to:360loops:Animation.Infiniteduration: rotationDuration}ParallelAnimation{id:animrunning:root.runningNumberAnimation{target: rootproperties: "x"from:root.xto:stopXduration: moveDuration}NumberAnimation{target: rootproperties: "y"from:root.yto:stopYduration: moveDuration}onFinished: {moveFinished()console.log("onFinished")}}Component.onDestruction: {//console.log("onDestroyed")}
}

三、所用到的资源下载

本博文最前面下载。

QML 实现一个动态的启动界面

QML 实现一个动态的启动界面一、效果查看二、源码分享三、所用到的资源下载一、效果查看二、源码分享工程结构 main.qml import QtQuick import QtQuick.Controls import QtQuick.Dialogs import Qt.labs.platformWindow {id:windowwidth: 640height: 400visible: truetit…...

编程日记 2025/9/18 15:22:32

视频HDR技术详解，你的电脑怎么播放HDR视频？

闲聊：前两天在b站上面看到影视飓风的视频，让我有点疑惑，我不知道为什么播放视频有设备撑不住一说，所以感兴趣去ytb下载了4k原片30hz刷新的，然后测试一下我的电脑能不能播放，发现还是可以的，视觉…...

编程日记 2025/9/16 7:07:42

Spring统一功能处理：拦截器、响应与异常的统一管理

目录一.拦截器二.统一数据返回格式三.统一异常处理一.拦截器拦截器是Spring框架提供的核功能之，主要来拦截的请求，在指定法前后，根据业务需要执预先设定的代码。也就是说，允许开发员提前预定义些逻辑，在的请…...

编程日记 2025/9/18 15:21:07

2025年度福建省职业院校技能大赛高职组“信息安全管理与评估”赛项规程

2025 年度福建省职业院校技能大赛高职组“ 信息安全管理与评估 ”赛项规程一、赛项名称省赛编号：GZ032 赛项名称：信息安全管理与评估赛项组别：高职组竞赛形式： 团体赛二、竞赛目的为全面贯彻落实国家网络强国战略&#x…...

编程日记 2025/9/18 3:40:23

Vue 中 nextTick 的原理详解

1. 为什么需要 nextTick Vue 采用异步渲染机制，当响应式数据发生变化时，Vue 并不会立即更新 DOM，而是将这些变化放入一个队列中，并在同一事件循环（Event Loop）中合并相同的修改，最后执行批…...

编程日记 2025/9/17 1:27:22

vue 手写分页

【先看效果】 （1）内容小于2页不展示页码 （2）1 < 内容页数< 限定展示页码展示：页码、上下页；隐藏：首页、末页图标，上、下一区间码。即：（页数&#…...

编程日记 2025/9/14 9:11:05

跟着柳叶刀数字健康，学习如何通过病理切片预测分子分类对预后的影响｜项目复现

小罗碎碎念项目复现今天和大家分享一个非常具有参考价值的项目，手把手带着大家复现一篇发表在柳叶刀数字健康的文章。花了六个小时才完成的这篇推送，信息量非常大，遇到了很多报错问题，但是解决以后的感觉是非常爽的，先给大家展示一下最终的成果——在同一张切片上，通…...

编程日记 2025/9/18 15:21:11

DuodooBMS源码解读之 sale_change模块

销售变更模块用户使用手册一、模块概述本扩展模块主要包含两个主要的 Python 文件：sale_change/report/sale_change_report.py 和 sale_change/wizard/sale_change_download.py，提供了销售变更报表查看和销售变更单下载的功能。以下是详细的使用说明…...

编程日记 2025/9/14 9:10:59

基于 Highcharts 实现 Vue 中的答题统计柱状图组件

在现代 Web 开发中，数据可视化是一个重要的组成部分，而 Highcharts 是一个广泛使用的 JavaScript 图表库，可以帮助开发者在 Web 页面上轻松地绘制丰富的图表。在本文中，我们将基于 Highcharts 创建一个用于答题统计的柱状图&#…...

编程日记 2025/9/18 15:21:08

MySQL 插入更新语句（insert…on duplicate key update语句）

我们日常在使用 insert into 语句向表中插入数据时，一定遇到过主键或唯一索引冲突的情况，当遇到这种情况时，MySQL默认的反应是报错并停止执行后续的语句，为了避免这种情况，你有3种选择： 使用insert ignore…...

编程日记 2025/9/15 15:05:26

Jenkins整合Jmeter实现接口自动化测试

🍅 点击文末小卡片，免费获取软件测试全套资料，资料在手，涨薪更快一、安装jmeter 下载：http://jmeter.apache.org/download_jmeter.cgi 这里我用了一台Windows安装jmeter用来写接口测试的脚本，启动前修改j…...

编程日记 2025/9/16 7:04:27

基于LM Arena 的 LLM 基准测试排行榜：DeepSeek-R1 排名第 5

打开 Arena 网站：https://lmarena.ai/，点开 Leaderboard 可以看到上图的排行榜，可以看到 DeepSeek-R1 排名第 5。...

编程日记 2025/9/14 9:10:48

游戏引擎学习第116天

回顾昨天的工作本次工作内容主要集中在游戏开发的低级编程优化，尤其是手动优化软件渲染。工作目的之一是鼓励开发者避免依赖外部库，而是深入理解代码并进行优化。当前阶段正进行SIMD（单指令多数据）优化，使用Intel推荐…...

编程日记 2025/9/17 12:46:35

【AI绘画】大卫• 霍克尼风格——自然的魔法（一丹一世界）

大卫• 霍克尼，很喜欢这个老头，“艺术是一场战斗”。老先生零九年有了iphone，开始用iphone画画，一零年开始用ipad画画，用指头划拉，据说五分钟就能画一幅，每天早上随手画几幅送给身边的朋友。很c…...

编程日记 2025/9/14 9:10:42

当湖南家具遇上DeepSeek：极满家开启智能家居新时代

在湖南的街头巷尾，总流传着这样一句话：家具有温度，生活才有味道。走进铂乐极满家的展厅，只有被阳光浸润的原木香气，和智能家居跳动的温暖建议。DeepSeek就推荐了能自动调节高度的智能款，连护眼灯角度都算好…...

编程日记 2025/9/14 5:11:50

#渗透测试#批量漏洞挖掘#畅捷通T+远程命令执行漏洞

免责声明本教程仅为合法的教学目的而准备，严禁用于任何形式的违法犯罪活动及其他商业行为，在使用本教程前，您应确保该行为符合当地的法律法规，继续阅读即表示您需自行承担所有操作的后果，如有异议，请立即停止本文章读。目录一、漏洞概况二、攻击特征三、应急处置…...

编程日记 2025/9/14 9:10:37

Docker挂载数据显式挂载和隐式挂载的区别

项目使用的Docker file 创建数据卷挂载点，结果发现宿主机目录中的数据卷路径下是空的，才知道docker file中创建的数据卷是隐式挂载，并不会在宿主机上留下持久化数据，随着容器被删除隐式挂载的数据卷也会跟着被删除后面改为在jen…...

编程日记 2025/9/14 9:10:34

深度解析应用层协议-----HTTP与MQTT（涵盖Paho库）

HTTP协议概述 1.1 HTTP的基本概念 HTTP是一种应用层协议，使用TCP作为传输层协议，默认端口是80，基于请求和响应的方式，即客户端发起请求，服务器响应请求并返回数据（HTML，JSON）。在H…...

编程日记 2025/9/15 1:38:39

MySQL八股学习笔记

文章目录一、MySQL结构1.宏观结构1.1.Server层1.2.存储引擎层 2.建立链接-连接器3.查询缓存4.解析SQL-解析器（1）词法分析（2）语法分析 5.执行SQL5.1.预处理器 prepare5.2.优化器 optimize5.3.执行器 execute（1&#xf…...

编程日记 2025/9/15 1:38:37

C++ 设计模式-备忘录模式

游戏存档实现，包括撤销/重做、持久化存储、版本控制和内存管理 #include <iostream> #include <memory> #include <deque> #include <stack> #include <chrono> #include <fstream> #include <sstream> #include <ct…...

编程日记 2025/9/14 9:10:21

Jenkins 环境搭建---基于 Docker

前期准备提前安装jdk、maven、nodeJs（如果需要的话） 创建 jenkins 环境目录，用来当做挂载卷 /data/jenkins/ 一：拉取 Jenkins 镜像 docker pull jenkins/jenkins:lts 二：设置 Jenkins挂载目录 mkdir -p ~/jen…...

编程日记 2025/9/15 15:40:16

【动态规划篇】：解析背包问题--动态规划塑造的算法利器

✨感谢您阅读本篇文章，文章内容是个人学习笔记的整理，如果哪里有误的话还请您指正噢✨ ✨ 个人主页：余辉zmh–CSDN博客 ✨ 文章所属专栏：动态规划篇–CSDN博客文章目录一.01背包问题1.模板题2.例题1.分割等和子集2.目标和3.最后…...

编程日记 2025/9/16 1:17:16

ok113i平台——多媒体播放器适配

1. 视频播放支持 1.1 在Linux平台交叉编译ffmpeg动态库，详情查看《ok113i平台——交叉编译音视频动态库》提取如下动态库： libavcodec.so.58.134.100 libavdevice.so.58.13.100 libavfilter.so.7.110.100 libavformat.so.58.76.100 libavutil.so.56.…...

编程日记 2025/9/14 9:10:09

【保姆级教程】DeepSeek R1+RAG，基于开源三件套10分钟构建本地AI知识库

一、总体方案目前在使用 DeepSeek 在线环境时，页面经常显示“服务器繁忙，请稍后再试”，以 DeepSeek R1 现在的火爆程度，这个状况可能还会持续一段时间，所以这里给大家提供了 DeepSeek R1 RAG 的本地部署方案。最后实现…...

编程日记 2025/9/15 9:37:31

线程与进程的深入解析及 Linux 线程编程

在操作系统中，进程和线程是进行并发执行的两种基本单位。理解它们的区别和各自的特点，能够帮助开发者更好地进行多任务编程，提高程序的并发性能。本文将探讨进程和线程的基础概念，及其在 Linux 系统中的实现方式，并介绍…...

编程日记 2025/9/14 9:10:01

微信问题总结(onpageshow ，popstate事件)

此坑描述订单详情某按钮点击，通过window.location.href跳转到（外部）第三方链接后，回退后，在ios中生命周期和路由导航钩子都失效了，无法触发。在安卓中无视此坑， 回退没有问题解决原因&am…...

编程日记 2025/9/14 4:17:31

自己安装一台DeepSeek的服务器

找一台还可以的Linux服务器，登录后执行： curl -fsSL https://ollama.com/install.sh | sh 等待安装完成： 执行命令，根据服务器能力安装不同版本的AI模型： ollama run llama3.2 下一步就开始对话吧： llam…...

编程日记 2025/9/14 9:09:54

面阵工业相机提高餐饮业生产效率

餐饮行业是一个快节奏、高要求的领域，该领域对生产过程中每一个阶段的效率和准确性都有很高的要求。在食品加工、包装、质量控制和库存管理等不同生产阶段实现生产效率的优化是取得成功的关键步骤。面阵工业相机能够一次性捕捉对象的二维区域图像，并支持…...

编程日记 2025/9/15 1:38:19

Java 中 HTTP 协议版本使用情况剖析

Java 中 HTTP 协议版本使用情况剖析一、HTTP/1.1 与 HTTP/2 概述（一）HTTP/1.1 HTTP/1.1 是广泛应用且成熟的 HTTP 协议版本，它在互联网发展历程中扮演了重要角色。其特点主要包括：连接方式：默认采用短连接，即每次请求都要建立新的 TCP 连接，请求完成后断开。不过也…...

编程日记 2025/9/15 1:38:18

计算机网络之物理层——基于《计算机网络》谢希仁第八版

(꒪ꇴ꒪ )，Hello我是祐言QAQ我的博客主页：C/C语言，数据结构，Linux基础，ARM开发板，网络编程等领域UP🌍快上🚘，一起学习，让我们成为一个强大的攻城狮&#xff0…...

编程日记 2025/9/18 7:15:50

DeepSeek 助力 Vue 开发：打造丝滑的缩略图列表（Thumbnail List）

前言：哈喽，大家好，今天给大家分享一篇文章！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏关注哦 💕 目录 Deep…...

编程日记 2025/9/14 9:09:43

day56 第十一章：图论part06

108.冗余连接注意init初始化改进： 其实只有一条边冗余，改为，如果两条边在同一个集合里，就输出，不然加入。 #include <iostream> #include <vector> using namespace std;int n 1005; vector<int>…...

编程日记 2025/9/14 9:09:40

conda 配置源

无论是Anaconda vs Miniconda vs Miniforge 中的哪个，只要使用conda就涉及源，换源的目的是为了加速包的获取修改配置文件通过修改用户目录下的 .condarc 文件来使用不同系统下的 .condarc 目录如下： Linux: ${HOME}/.condarcmacOS: ${…...

编程日记 2025/9/14 9:09:38

LangChain大模型应用开发：多模态输入与自定义输出

介绍大家好，博主又来给大家分享知识了。今天给大家分享的内容是使用LangChain进行大模型应用开发中的多模态输入与自定义输出。 LangChain中的多模态数据输入是指将多种不同形式的数据作为输入提供给基于语言模型的应用程序或系统，以丰富交互内容和提…...

编程日记 2025/9/14 9:09:35

HarmonyOS 开发套件介绍 ——上篇

HarmonyOS 开发套件介绍 ——上篇在当今科技飞速发展的时代，操作系统作为智能设备的核心，其重要性不言而喻。而HarmonyOS，作为华为推出的全新操作系统，正以其独特的魅力和强大的功能，吸引着越来越多的开发者和用户的…...

编程日记 2025/9/14 9:09:32

【Unity Shader编程】之图元装配与光栅化

执行方式：自动完成图元装配自动化流程顶点坐标存入装配区 → 按绘制模式连接顶点 → 生成完整几何图元示例：gl.drawArrays(gl.TRIANGLES, 0, 3)自动生成三角形会自动自动裁剪超出屏幕范围（NDC空间外）的三角形，仅保…...

编程日记 2025/9/14 9:09:29

小游戏-记忆卡牌

1、游戏开始4张卡牌，每次过关后新增两张，总共64张卡，可以修改数组EMOJIS，添加表情，增加卡牌数量 2、新建txt文件，将代码粘贴进去，保存后，将txt修改后缀名为html的格式 <!DOCTYPE…...

编程日记 2025/9/14 9:09:25

数据结构——二叉树经典习题讲解

各位看官早安午安晚安呀如果您觉得这篇文章对您有帮助的话欢迎您一键三连，小编尽全力做到更好欢迎您分享给更多人哦大家好，我们今天来学习java数据结构的二叉树递归很重要的一些注意事项： 1：递归你能不能掌握在于&#xff1…...

编程日记 2025/9/14 9:09:21

centos 9 时间同步服务

在 CentOS 9 中，默认的时间同步服务是 chrony，而不是传统的 ntpd。因此，建议使用 chrony 来配置和管理时间同步。以下是使用 chrony 配置 NTP 服务的步骤： 1. 安装 chrony 首先，确保系统已安装 chrony。在 CentOS…...

编程日记 2025/9/14 9:09:17

视觉应用工程师（面试）

视觉应用工程师（面试） 1.自我介绍、会的技能、项目 2.相机和机械手调试过程检查硬件，看软件驱动是否链接，调节相机和镜头保证能够识别这个物料，看接口和通讯是否正常，如：波特率，数…...

编程日记 2025/9/18 0:20:10

macos sequoia 禁用 ctrl+enter 打开鼠标右键菜单功能

macos sequoia默认ctrlenter会打开鼠标右键菜单，使得很多软件有冲突。关闭方法： end...

编程日记 2025/9/14 9:09:09

【后端基础】布隆过滤器原理

文章目录一、Bloom Filter（布隆过滤器）概述1. Bloom Filter 的特点2. Bloom Filter 的工作原理二、示例1. 添加与查询2. 假阳性三、Bloom Filter 的操作1、假阳性概率2、空间效率3、哈希函数的选择四、应用 Bloom Filter 是一种非常高效的概率型数据…...

编程日记 2025/9/15 3:40:33

cs*n 网页内容转为html 加入 onenote

csdn上有好用的内容，我们怎么将它们加到 onenote 里吃灰呢。一、创建新html create_html.py import sysdef create_html_file(filename):# 检查是否提供了文件名if not filename:print("请提供HTML文件名")return# 创建HTML内容html_content f"…...

编程日记 2025/9/15 20:26:06

输入搜索、分组展示选项、下拉选取，全局跳转页，el-select 实现 —— 后端数据处理代码，抛砖引玉展思路

详细前端代码写于上一篇：输入搜索、分组展示选项、下拉选取，el-select 实现：即输入关键字检索，返回分组选项，选取跳转到相应内容页 —— VUE项目-全局模糊检索【效果图】：分组展示选项【去界面操作体验】…...

编程日记 2025/9/14 9:09:04

蓝桥杯 Java B 组之岛屿数量、二叉树路径和（区分DFS与回溯）

Day 3：岛屿数量、二叉树路径和（区分DFS与回溯） 📖 一、深度优先搜索（DFS）简介深度优先搜索（Depth-First Search，DFS）是一种用于遍历或搜索树或图的算法。它会沿着树的分…...

编程日记 2025/9/14 9:09:00

【论文阅读】SAM-CP：将SAM与组合提示结合起来的多功能分割

导言近年来，视觉基础模型的快速发展推动了多模态理解的进步，尤其是在图像分割任务中。例如，Segment Anything模型（SAM）在图像Mask分割上表现出色，但在语义及实例分割方面仍存在局限。本文提出的SAM-CP&am…...

编程日记 2025/9/15 0:42:23

JUC并发—9.并发安全集合四

大纲 1.并发安全的数组列表CopyOnWriteArrayList 2.并发安全的链表队列ConcurrentLinkedQueue 3.并发编程中的阻塞队列概述 4.JUC的各种阻塞队列介绍 5.LinkedBlockingQueue的具体实现原理 6.基于两个队列实现的集群同步机制 4.JUC的各种阻塞队列介绍 (1)基于数组的阻塞…...

编程日记 2025/9/14 9:08:53