[QtQuick]使用QtQuick制作带有光照效果的进度条

最新推荐文章于 2022-02-02 10:36:18 发布
最新推荐文章于 2022-02-02 10:36:18 发布
阅读量627 收藏 1
点赞数
分类专栏： QtQuick 文章标签： ProgressBarStyle 部落战争进度条
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/taohe_0/article/details/59163459
版权

部落战争中的一种进度条如图所示：


这种进度条背景是黑色的，前景是绿色的，有类似光照的效果，使用QtQuick如何做出这种效果呢？

 

先分析这个进度条的组成：背景基调为黑色，上半部叠加了稍浅一些的类灰色的颜色，前景是绿色为基调，上半部叠加了浅绿色，最上层是白色文字。

 

这样整个进度条分为五层：第1层黑色，第2层浅灰，第3层绿，第4层浅绿，第5层文字，按照这个思路设计出类似的效果。

对ProgressBar设置样式，涉及到ProgressBarStyle::background，ProgressBarStyle

最低0.47元/天 解锁文章
taohe_0
关注
专栏目录
Qt Quick 3D系列：三维模型展示示例
02-16
在该示例中简单的实现Qt Quick 3D中鼠标控制三维模型位置和缩放，自定义背景图片，模型动画等
QT实现的特色进度条
10-28
利用Qt实现的特色进度条，类似于地铁站的进度灯，可调颜色
Qt的进度条实现
weixin_34061042的博客
03-21 128
1 Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> 1 // progressbar.h 2 3 #ifndef PROGRESSBAR_H 4 #define PROGRESSBAR_H 5 #include <QDia...
QT之动态进度条
weixin_43435307的博客
09-30 4346
简介 前两天需要接到一个需求需要做一个好看的进度条，在网上搜了一圈发现要不然就是不符合我的需求要不然就是没有源码，最后找到一个大佬写的有部分源码的，自己也折腾了一个(原文链接)。 ...
Qt实现炫酷启动图-动态进度条
weixin_34378969的博客
05-10 2486
目录 一、简述 二、动效进度条 1、光效进度条 2、延迟到达进度条 3、接口说明 三、启动图 1、实现思路 2、背景图切换 四、测试 1、构造启动图 ...
现代OpenGL+Qt：绘制可旋转、带光照效果的三维物体
09-21
现代OpenGL+Qt：绘制可旋转、带光照效果的三维物体。使用现代OpenGL和Qt，绘制一个可以用鼠标控制旋转缩放，带光照效果的三维物体，其中演示了最简单的光照，即漫射光的计算过程。
osgqtquick：将OpenSceneGraph与Qt Quick集成
02-05
使用osgqtquick需要对Qt Quick和OpenSceneGraph都有一定的了解。首先，需要在项目中引入osgqtquick库，然后在QML文件中声明并配置3D视图组件。接着，可以通过C++代码或QML的JavaScript部分与OSG进行交互，设置3D场景...
Qtcreator使用Qpaintor画一份温度光照折线图——智能家居
11-03
总结来说，创建这样一个温度光照折线图需要对Qt Creator的使用有深入理解，特别是QPainter的绘图技巧。通过不断收集和更新数据，结合用户界面的动态刷新，我们可以实现一个既实用又美观的智能家居监控界面。在实践中...
用animation动画写发光的进度条
c99441122的博客
02-23 547
bling propressingBar animation 动画
发光的线条爱心形状动画特效
06-01
html5基于webgl制作酷炫发光的线条爱心轮廓形状动画，线条绘制爱心动画特效。
Qt带进度条的启动界面
04-01
Qt带进度条的启动界面
Qt实现进度条（QProgressBar）
热门推荐
xunye的博客
12-02 3万+
1、进度条的作用         用于显示时间，并告诉用户当前任务的执行进展。 2、进度条的使用方式         两种：模态方式和非模态方式        模态方式：使用简单，但必须使用QApplication::processEvents()使事件循环保持正常进行状态，以保证应用不会被阻塞。        非模态方式：需通过QTime实现定时设置进度条的值。 3、进度条的显示方式...
Qt QProgress
yxqq378287007的博客
11-24 731
Progress.pro QT += core gui greaterThan(QT_MAJOR_VERSION, 4): QT += widgets TARGET = Progress TEMPLATE = app DEFINES += QT_DEPRECATED_WARNINGS SOURCES += main.cpp \ progressdlg.cpp HEADERS += progressdlg.h main.cpp #include "progressdlg.h" #incl
02进度控件-11光晕进度条-progressshadow
Qt/C++视频监控/推流/物联网/大屏系统/自定义控件/UI定制/输入法
10-07 458
一、运行效果 二、功能特点 可设置最大值、最小值、范围值、当前值。 可设置精确度，小数点后几位。 可设置最小值起始角度。 可设置是否百分比显示值。 可设置光晕阴影颜色。 可设置进度颜色。 可设置进度背景颜色。 可设置文字颜色。 采用动画机制产生进度效果。 三、公共接口 public Q_SLOTS: //设置范围值 void setRange(double minValue, double maxValue); void setRange(int minValue, int m
Qt6 QML Book/JavaScript/浏览器/HTML与Qt Quick/QML
aggs1990的专栏
02-02 522
Browser/HTML vs Qt Quick/QML 浏览器/HTML与Qt Quick/QML The browser is the runtime to render HTML and execute the Javascript associated with the HTML. Nowadays modern web applications contain much more JavaScript than HTML. The Javascript inside the browser i
Qt6官方最新消息：桌面样式Qt quick Controls 2支持大多控件，委托更少，运行更流畅
qq_42444778的博客
11-18 3874
Qt是一个跨平台框架，通常用作图形工具包，它不仅创建CLI应用程序中非常有用。而且它也可以在三种主要的台式机操作系统以及移动操作系统（如Symbian，Nokia Belle，Meego Harmattan，MeeGo或BB10）以及嵌入式设备，Android（Necessitas）和iOS的端口上运行。现在我们为你提供了免费的试用版。赶快点击下载Qt最新试用版吧>> Qt Quick Controls 1是我们第一个QML的UI框架。这些控件主要是用QML编写的，没有使用太多的C++。当时，
qt quick 3d
最新发布
05-25
Qt Quick 3D 是基于 Qt Quick 技术的 3D 引擎。它提供了一种简单易用的方式来创建 3D 物体、场景和动画，并且能够与 Qt Quick 中的 2D 图形和 UI 元素混合使用。使用 Qt Quick 3D，您可以轻松地创建高品质的 3D 用户界面和可视化效果，而无需编写复杂的 OpenGL 代码。 Qt Quick 3D 支持多种 3D 文件格式，包括 glTF、FBX、Collada 和 OBJ 等。它还提供了一些内置的材质和纹理，以及灵活的光照和阴影效果。此外，Qt Quick 3D 还支持动画和交互，例如鼠标事件和触摸事件。 总之，Qt Quick 3D 是一个功能强大、易于使用的 3D 引擎，适合用于创建各种类型的 3D 应用程序和可视化效果。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值