使用QML实现播放器进度条效果
使用QML实现播放进度效果
QML Slider介绍
直接上DEMO如下：
Slider {width: 300;height: 20;orientation: Qt.Vertical; //决定slider是横还是竖 默认是HorizontalstepSize: 0.1;value: 0.2;tickmarksEnabled: true; //显示刻度}
效果图如下
那么我先改变滑块跟滚轮那就需要SliderStyle了
SliderStyle
SliderStyle由四部分组成分别是面板（panel）、滑槽（groove）、刻度线（tickmarks）、滑块（handle）通常情况下我们只需要改动groove、handle就可以获取我们想要的效果
播放器进度条需求分析
1.滑块随播放进度而偏移
2.滑块滑动过的位置为已播放的内容，已播放内容对应的滑槽部分背景色应该不同
3.滑块可以定制化
4.slider应该随着播放器界面大小改变来改动
DEMO
1.先来看看滑块自定义
handle: Rectangle {// 滑块implicitWidth: 16 // 滑块宽度，当没有定义width时生效anchors.centerIn: parentcolor: control.pressed ? "white" : "lightgray" //鼠标移动到滑块上边缘颜色改变border.color: "gray"border.width: 2width: 34height: 34radius: 12Text { //滑块中间显示valueanchors.centerIn: parenttext: control.valuecolor: "red"}AnimatedImage { //加载git图片，此使滑块样式为加载图片样式source: "huli.gif"anchors.fill: parentplaying: true}}
2.滑槽自定义
groove: Item {implicitWidth: 200implicitHeight: 8Rectangle {id: grooveBackgroundanchors.fill: parentcolor: "gray"radius: 8}// 该部分来实现已播放进度条背景色功能Rectangle {id: highlightheight: parent.heightwidth: playerProcessBar.value / playerProcessBar.maximumValue* playerProcessBar.width color: "green" // 高亮颜色radius: 8}}```
相关文章：
使用QML实现播放器进度条效果
使用QML实现播放进度效果 QML Slider介绍 直接上DEMO如下： Slider {width: 300;height: 20;orientation: Qt.Vertical; //决定slider是横还是竖 默认是HorizontalstepSize: 0.1;value: 0.2;tickmarksEnabled: true; //显示刻度}效果图如下 那么我先改变滑块跟滚轮…...
TowardsDataScience 博客中文翻译 2018~2024（一百二十三）
TowardsDataScience 博客中文翻译 2018~2024（一百二十三） 引言 从 2018 年到 2024 年，数据科学的进展超越了许多技术领域的速度。Towards Data Science 博客依然是这个领域的关键平台，记录了从基础工具到前沿技术的多方面发展。…...
14: curl#6 - “Could not resolve host: mirrorlist.centos.org； 未知的错误“
出现这个错误是因为使用的 CentOS 7 仓库已经被归档，当前的镜像地址无法找到所需的文件。CentOS 7 的官方支持已经结束，部分仓库已被移至归档库。这导致了你的 yum 命令无法找到所需的元数据文件。CentOS 7 的官方仓库在 2024 年 6 月 30 日之后已经停止…...
将 ASP.NET Core 应用程序的日志保存到 D 盘的文件中 （如 Serilog）
将 ASP.NET Core 应用程序的日志保存到 D 盘的文件中，可以使用第三方日志库（如 Serilog）来实现。Serilog 是一个流行的日志库，支持将日志输出到文件、控制台、数据库等多种目标。 以下是实现步骤： 1. 安装 Serilog 相…...
深入探讨 Go 中的高级表单验证与翻译：Gin 与 Validator 的实践之道20241223
深入探讨 Go 中的高级表单验证与翻译：Gin 与 Validator 的实践之道 在现代后端开发中，表单验证是保证数据完整性和服务稳定性的核心环节。如何优雅、高效地实现表单验证，同时提供人性化的错误提示，是每位开发者的必修课。在本文中…...
相机主要调试参数
解析度测试 - 解释如何衡量摄像头捕捉细节的能力，确保图像清晰。锐度评估 - 教你如何判断图像边缘的清晰程度，以优化视觉效果。色散与色彩还原 - 分析色彩准确性，确保所见即所得的色彩一致性。白平衡校正 - 确保在各种光源下拍摄的照片颜色自…...
JAVA智慧养老养老护理帮忙代办陪诊陪护小程序APP源码
JAVA智慧养老养老护理帮忙代办陪诊陪护小程序APP源码：引领智慧养老新时代 在当今老龄化社会日益严重的背景下，智慧养老已成为解决养老问题的重要途径。我们推出的JAVA智慧养老养老护理帮忙代办陪诊陪护小程序APP源码，正是基于这一需求而研发…...
一个简单封装的的nodejs缓存对象
我们在日常编码中，经常会用到缓存，而一个有效的缓存管理，也是大家必不可少的工具。而nodejs没有内置专用的缓存对象，并且由于js的作用域链的原因，很多变量使用起来容易出错，如果用一个通用的缓存管理起来&a…...
【ELK】filebeat采集数据输出到kafka指定topic
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录 背景filebeat主体配置filebeat.inputs部分filebeat.output部分 filebeat完整配置 背景 今天收到需求，生产环境中通需要优化filebeat的输出，…...
Qt 6 QML Settings location 不创建指定路径文件
在 Qt QML 项目中可以使用Qt QSettings QML 版 Settings 方便数据持久化，具体使用可以参考Qt 文档，这里主要简单记录一下从Qt 5 升级到 Qt 6 后，没有创建指定的文件。在Qt 5中是使用 fileName 属性来指定文件路径，如下࿰…...
LabVIEW如何学习FPGA开发
FPGA（现场可编程门阵列）开发因其高性能、低延迟的特点，在实时控制和高速数据处理领域具有重要地位。LabVIEW FPGA模块为开发者提供了一个图形化编程平台，降低了FPGA开发的门槛。本篇文章将详细介绍LabVIEW FPGA开发的学习路径&…...
idea设置控制台日志输出自动换行
文章目录 1. 原因2. 方法一：3. 方法二： 1. 原因 你是否碰到ideal控制台输入日志是一行的效果，那是因为带了soft wrap。 2. 方法一： 最新版的IDEA设置控制台自动换行位置如下： Setting->Editor->General->C…...
帧缓存的分配
帧缓存实际上就是一块内存。在 Android 系统中分配与回收帧缓存，使用的是一个叫 ION 的内核模块，App 使用 ioctl 系统调用后，会在内核内存中分配一块符合要求的内存，用户态会拿到一个 fd（有的地方也称之为 handle&…...
Spitfire浏览器：为CodiggerDesktop打造的轻量级浏览新选择
近期，一款名为Spitfire的专业级轻量级浏览器凭借其卓越的性能和便捷的使用体验，吸引了科技界的广泛关注。这款浏览器是专为CodiggerDesktop用户量身打造的，旨在提供高速、流畅的浏览服务，满足开发者和设计者的多元化需求。 Spitfi…...
etcd+京东hotkey探测使用
qhotKey链接 京东hotkey把热点数据默认缓存在了本地缓存caffeine中，也可以存到redis中，但是京东hotkey的SDK没有redis的实现方法，因此需要自己实现。 官方目录结构下：分别是client客户端（要打包引入到自己的项目&…...
从源码分析swift GCD_DispatchGroup
前言： 最近在写需求的时候用到了DispatchGroup，一直没有深入去学习，既然遇到了那么就总结下吧。。。。 基本介绍： 任务组（DispatchGroup） DispatchGroup 可以将多个任务组合在一起并且监听它们的完成状态。…...
【最后203篇系列】002 - 两个小坑(容器时间错误和kafka模块报错
这里两个小坑填了，希望有用。 1 Multiple conflicting time zone configurations found:\n/etc/timezone: Asia/Shanghai\n/etc/localtime is a symlink to: Etc/UTC\nFix the configuration, or set the time zone in a TZ environment variable. 我碰到这个错误…...
StarRocks 生产部署一套集群，存储空间如何规划？
背景：StarRocks 3.2，存储一体 使用场景：多分析、小查询多单但不高、数据量几百T FE 存储 由于 FE 节点仅在其存储中维护 StarRocks 的元数据，因此在大多数场景下，每个 FE 节点只需要 100 GB 的 HDD 存储，…...
WebGL 项目外包开发流程
WebGL 项目外包开发流程与一般的软件项目外包流程类似，但由于 WebGL 的特殊性，在某些环节需要特别注意。以下是一个详细的 WebGL 项目外包开发流程。 1. 需求分析与定义 (明确目标是关键)： 客户沟通与需求收集： 与客户进行深入沟…...
SQLMAP
Taeget 实践内容：练习使用 SQLMap 进行自动化 SQL 注入。 涉及知识点：理解 SQL 注入、SQLMap 工具使用、自动化攻击、Web 应用安全。 Trial 说明：Sqlmap是一个开源的渗透测试工具，可以自动检测和利用SQL注入漏洞，并…...
禁止服务器上网)
windwos defender实现白名单效果(除了指定应用或端口其它一律禁止)禁止服务器上网
一、应用场景说明 当我们的一台windows服务器中毒，变成别人肉鸡，不断向外请示非法网站或攻击其它服务器。 要彻底清除相关木马或病毒往往需要的时间比较长，比较有效的方法是禁止服务器主动向外发包除了网站端口和远程程序除外。 其实这就是一…...
模型库网站
目录 1 网站 1 网站 https://hf-mirror.com/ https://swanhub.co/models https://modelscope.cn/models https://www.suanjiayun.com/mirror?sourcebaidutg&bd_vid11787806978655223592...
5、栈应用-表达式求值
本章内容使用上述栈结构函数，来完成表达式求值操作。 表达式例如：3*(7-2) 或者 (0-12)*((5-3)*32)/(22) 。 1、实现思路 a、建立OPTR（运算符）和OPND（数字）两个栈，后输入字符串以结束 b、自左向…...
传统CV算法——基于opencv的答题卡识别判卷系统
基于OpenCV的答题卡识别系统，其主要功能是自动读取并评分答题卡上的选择题答案。系统通过图像处理和计算机视觉技术，自动化地完成了从读取图像到输出成绩的整个流程。下面是该系统的主要步骤和实现细节的概述： 1. 导入必要的库 系统首先导入…...
重温设计模式--原型模式
文章目录 原型模式定义原型模式UML图优点缺点使用场景C 代码示例深拷贝、浅拷贝 原型模式定义 用原型实例指定创建对象的种类，并且通过拷贝这些原型创建新的对象； 核心中的核心就是 克隆clone ,后面讲 原型模式是一种创建型设计模式，它的主要…...
STM32在bootloader跳转到application时设置MSP
1. 简介 在做bootloader 跳转到application时，经常会看到设置MSP的操作__set_MSP(*(__IO uint32_t*) APPLICATION_ENTRY);。 1.1 MSP的作用 在STM32微控制器中，MSP（Main Stack Pointer，主堆栈指针）是一个非常重要的…...
SDMTSP：黑翅鸢算法（Black-winged kite algorithm，BKA）求解单仓库多旅行商问题，可以更改数据集和起点（MATLAB代码）
一、黑翅鸢算法BKA 黑翅鸢算法（Black-winged kite algorithm，BKA）由Wang Jun等人于2024年提出，该算法受黑翅鸢的迁徙和掠食行为启发而得。BKA集成了柯西突变策略和领导者策略，增强了算法的全局搜索能力，提…...
我们来学mysql -- 区分大写
区分大写 题记大小写不敏感文件文件系统大小写敏感文件文件系统mysql认不认大小写lower_case_table_names 题记 混沌初开，万物共享盛世，自由自在好不快活然，人性难掩，初露獠牙，喊杀一片，好不热闹族群&…...
显示器“刷新率”的通俗理解
显示器刷新率的定义 显示器的刷新率（Refresh Rate）是指屏幕每秒刷新图像的次数，以赫兹（Hz）为单位。比如，刷新率为 60Hz 表示屏幕每秒能够刷新 60 次图像。 刷新率是显示器硬件特性的一部分，定…...
25计软新增考研院校！或可捡漏上岸！
C哥专业提供——计软考研院校选择分析专业课备考指南规划 新增的计算机与软件工程考研院校为考研同学带来了多方面的机遇，这些机遇不仅体现在过国家线后可能面临的更低竞争压力，还包括更多元化的教育选择和更广阔的就业前景： 一、降低竞争压…...
[入门JAVA数据结构 JAVADS] 哈希表的初步介绍和代码实现
目录 前言 哈希表的概念和诞生的原因 哈希冲突 简单实现哈希表 基本属性 插入 获取key的val 计算负载因子 扩容(难点) 完整代码(方便大家复制自己去调试) 数据是int的 使用泛型实现的 结尾 前言 笔者鸽了接近两个月后决定"勤政"了.尽力把学过的知识写下…...
谷歌外链好不好，关键看“搭配”！
做SEO的人都知道外链很重要，但有一个误区是只追求“高质量外链”，却忽略了外链结构的合理性。其实，外链就像饮食，光吃好东西不够，营养搭配得当才能健康发展。 谷歌对外链的要求，不仅是看它是不是dofollow、…...
【AI驱动的数据结构：包装类的艺术与科学】
🌈个人主页: Aileen_0v0 🔥热门专栏: 华为鸿蒙系统学习|计算机网络|数据结构与算法 💫个人格言:“没有罗马,那就自己创造罗马~” 文章目录 包装类装箱和拆箱阿里巴巴面试题 包装类 在Java中基本数据类型不是继承来自Object，为了…...
ElasticSearch 的核心功能
要深入理解 ElasticSearch 的核心功能，需要全面掌握其 全文搜索、分析、聚合 和 索引生命周期管理（ILM） 的设计原理和实际应用。 1. 全文搜索 ElasticSearch 的全文搜索是其核心功能之一，依赖于倒排索引和强大的分词、相关性评分…...
任务2 配置防火墙firewalld
基本概念 概述 支持动态更新防火墙规则 不重启即可创建、修改和删除规则 使用区域和服务来简化防火墙配置 区域 一组预定义的规则，防火墙策略集合（或策略模板） 把网络分配到不同的区域中，并为网络及其关联的网络接口或流量源…...
PHP入门到高级 -- 学习基础语法和概念
学习PHP的基础语法和概念是成为一名高级PHP开发者的关键。以下是一个逐步学习PHP并逐渐深入了解其高级特性的指南。 学习基础语法： 变量和数据类型：了解如何声明和使用变量，以及PHP支持的不同数据类型。运算符：掌握算术…...
通讯示例)
MKS SERVO42E57E 闭环步进电机_系列5 串口(RS485)通讯示例
第1部分 产品介绍 MKS SERVO42E/57E 闭环步进电机是创客基地为满足市场需求，按工业级标准自主研发的一款产品。具备脉冲接口、RS485接口以及CAN接口，内置高效FOC矢量算法，采用高精度编码器，通过位置反馈，有效防止电机…...
自然语言编写的prompt为啥比不上编程语言prompt高效？
为什么会这样？从底层逻辑开始分析 这个问题本质上是在比较两种完全不同的"语言系统"。 就像去一家餐厅点菜，你可以说"我想来一份不太咸、稍微辣一点的宫保鸡丁"（自然语言），也可以直接在平板上点…...
C#—LINQ详解及汇总
LINQ详解及汇总 LINQ（Language Integrated Query）是微软的一项技术，允许开发者以一种简洁的方式查询和操作数据，支持多种数据源，包括对象、数据库、XML和数据集。LINQ定义了约40个查询操作符，如select、fr…...
WebGAL 项目下载及安装教程
WebGAL 项目下载及安装教程 WebGAL A brand new web Visual Novel engine | 全新的网页端视觉小说引擎 [这里是图片001] 项目地址: https://gitcode.com/gh_mirrors/web/WebGAL 1、项目介绍 WebGAL 是一个全新的网页端视觉小说引擎，旨在提供美观、功能强大且易于…...
虚幻引擎游戏开发系列专题-官方编码标准或规约
遵守既定标准和最佳实践来编写可维护的代码。在虚幻游戏引擎中,存在着一些既定的编码标准和约定 ,养成良好的编码规范是写好一份优雅代码的第一步,并且在虚幻官方也强调了,某些编码标准的遵循是强制性的。 编码规约对程序员来说意味着什么 在软件开发中,软件生命周期的80%的成…...
n阶Legendre多项式正交性的证明
前言 在《n次Legendre(勒让德)多项式在区间(-1, 1)上根的分布及证明》这篇文章中，我们阐述了Legendre多项式在 [ − 1 , 1 ] [-1,1] [−1,1]上的根分布情况并给出了证明。本文将证明Legendre多项式在 [ − 1 , 1 ] [-1,1] [−1,1]上的正交性质。 正交多项式的定义…...
初学stm32 --- PWM输出
目录 STM32 PWM工作过程编辑 STM32 PWM工作过程（通道1为例） PWM模式1 & PWM模式2 向上计数配置说明编辑 STM32 定时器3输出通道引脚 自动重载的预装载寄存器 编辑 PWM输出相关库函数 输出比较初始化函数： 设置比较值函数&a…...
Git:查看分支、创建分支、合并分支
一、查看分支 查看的git命令如下： git branch # 列出本地已经存在的分支，并且当前分支会用*标记 git branch -r # 查看远程版本库的分支列表 git branch -a # 查看所有分支列表（包括本地和远程，remotes/开头的表示远程分支&…...
爬虫学习案例8
爬取京东评论信息 采用DrissionPage自动化工具采集，感觉比Selenium工具好，真香。 安装第三方库 pip install DrissionPage pip install pandas pip install pyecharts pip install jieba pip install wordcloud1.安装DrissionPage库 DrissionPage安装…...
git 提交代码无法连接：Failed to connect to github.com port 443 after 21060 ms
项目场景： 在能够访问github仓库的情况下，生成本地代码并提交到github上时会遇到提交不成功的问题，如下： fatal: unable to access ‘https://github.com/Pitt-ding/opc_comm.git/’: Failed to connect to github.com port 443 …...
麒麟系统修改配置镜像源地址并安装openGL
1.编辑文件/etc/apt/sources.list 进入目录 cd /etc/apt/ 编辑文件（需要root权限） sudo vi sources.list 将镜像地址改为你指定的镜像地址 #deb http://archive.kylinos.cn/kylin/KYLIN-ALL 10.1 main restricted universe mul tiverse #deb http:…...
如何使用Navigator实现导航功能
文章目录 1 概念介绍2 使用方法3 示例代码我们在上一章回中介绍了Widget的State,本章回中将介绍Route和Navigator，闲话休提，让我们一起Talk Flutter吧。 1 概念介绍 到目前为止，我们介绍的内容都在一个页面中，本章回中将介绍中在Flutter中如何进行页面切换，这里说的页面切…...
MyBatis-Plus分页拦截器，源码的重构（重构total总数的计算逻辑）
1.1创建ThreadLocal工具类（作为业务逻辑结果存放类） package org.springblade.sample.utils;public class QueryContext {private static final ThreadLocal<Long> totalInThreadLocal new ThreadLocal<>();public static void setTotalIn…...
Jmeter对图片验证码的处理【超详细】
Jmeter对图片验证码的处理 在web端的登录接口经常会有图片验证码的输入，而且每次登录时图片验证码都是随机的；当通过jmeter做接口登录的时候要对图片验证码进行识别出图片中的字段，然后再登录接口中使用； 通过jmeter对图片验证码…...