当前位置:网站首页>QT实现窗口渐变消失QPropertyAnimation+进度条
QT实现窗口渐变消失QPropertyAnimation+进度条
2022-07-06 09:28:00 【Larry_Yanan】
遇到一个需求,有关FTP的上传,打算做一个进度条显示,最后渐变消失这样的一个效果。那首先就是要验证渐变消失的可能性,于是查到QPropertyAnimation这个东西。
一、QPropertyAnimation动画渐变消失
具体的代码如下:
QPropertyAnimation *animation = new QPropertyAnimation(this,"windowOpacity");
animation->setDuration(1000);
animation->setStartValue(1);
animation->setEndValue(0);
animation->start();
connect(animation,SIGNAL(finished()),this,SLOT(animation_close()));//效果显示完后关闭
可以看到,代码非常简洁,几句话就能做完渐变消失的效果了。
1.new时,windowOpacity也就是窗口/部件的不透明度,意思是接下来的动画效果所对应的是不透明度的属性
2.setDuration,设置持续时间,1000也就是一秒钟
3.setStartValue和setEndValue,分别设置了开始值和结束值
4.connect,动画结束后跳转到自定义槽函数animation_close(),退出程序。
需要说明的是,针对windowOpacity来说,1是完全不透明,而0是完全透明,你可以设置成从0.5到0,也可以设置0.3到0,但如果设置成10到0,那么在接下来的1秒钟内,前900毫秒都是没变化的,最后的100会迅速走完从1到0的渐变消失过程。
而对于其他类型的属性设置,例如geometry,他的setValue就不是1和0了,而是QRect矩形类,例如下面这段,在10秒钟内从(0,0)到(250,250),顺便还把尺寸给放大了。
QPropertyAnimation *animation = new QPropertyAnimation(this, "geometry");
animation->setDuration(10000);
animation->setStartValue(QRect(0, 0, 30, 30));
animation->setEndValue(QRect(250, 250, 100, 100));
至于为什么setStartValue可以传递不同的参数,那就得了解一下QVariant这个类了。
还有this,意思是传递的对象,这段动画所作用的对象。
这样的话,你就可以对某个对象,设置对应的位置、尺寸、透明度,和指定帧率的动画了。
可以预想到,如果你设计一个圆形或球形的窗口部件,通过一系列自定义的动画触发,甚至可以做成一段相当不错的滚动动画(瞎猜的)
参考:
QT动画框架
QT属性动画仿真QPropertyAnimation的使用
二、QProgressBar进度条
这个部件QT Designer里面就有的,直接哪来用就好了
我是觉得它默认的样式就已经很好看了的,绿色的,还有一点流动的渐变效果。
感兴趣的可以去搜一下它的样式设置,应该还有挺多种类的。
有关中间的数字,我这边默认是在右边外侧的,但样式表里面可以设置成内部和中间
//样式表
QProgressBar#progressBar
{
text-align:center;
}
和
如何做到进度条的动画显示呢,很简单,直接代码
timer = new QTimer;
connect(timer,&QTimer::timeout, this, &MainWidget::timer_timeout);
ui->progressBar->setRange(0,100);
i= 0;
ui->progressBar->setValue(i);
timer->start(1000);
......
void MainWidget::timer_timeout()
{
i+=10;
ui->progressBar->setValue(i);
if(i==100)
{
timer->stop();
i=0;
on_closeButton_clicked();
}
}
ui->progressBar->setRange(0,100);是设置范围,ui->progressBar->setValue(i);是设置当前值
做了个定时器,模拟了一下进度条的动画显示,效果还行。
边栏推荐
- Maximum product (greedy)
- [teacher Gao UML software modeling foundation] collection of exercises and answers for level 20 cloud class
- 【练习-7】(Uva 10976)Fractions Again?!(分数拆分)
- 628. Maximum product of three numbers
- 921. Minimum additions to make parentheses valid
- [exercise-6] (UVA 725) division = = violence
- 分享一个在树莓派运行dash应用的实例。
- 【练习-6】(Uva 725)Division(除法)== 暴力
- Essai de pénétration (1) - - outils nécessaires, navigation
- 1529. Minimum number of suffix flips
猜你喜欢

Write web games in C language

Information security - threat detection engine - common rule engine base performance comparison

渗透测试 ( 3 ) --- Metasploit Framework ( MSF )

渗透测试 2 --- XSS、CSRF、文件上传、文件包含、反序列化漏洞

分享一个在树莓派运行dash应用的实例。
Frida hook so layer, protobuf data analysis

Gartner:关于零信任网络访问最佳实践的五个建议

b站 实时弹幕和历史弹幕 Protobuf 格式解析

Penetration test (7) -- vulnerability scanning tool Nessus

Penetration test (8) -- official document of burp Suite Pro
随机推荐
Nodejs+vue online fresh flower shop sales information system express+mysql
[exercise-8] (UVA 246) 10-20-30== simulation
渗透测试 ( 1 ) --- 必备 工具、导航
树莓派4B64位系统安装miniconda(折腾了几天终于解决)
Interval sum ----- discretization
China exterior wall cladding (EWC) market trend report, technical dynamic innovation and market forecast
[exercise-6] (UVA 725) division = = violence
Auto.js入门
对iptables进行常规操作
[teacher Gao UML software modeling foundation] collection of exercises and answers for level 20 cloud class
860. Lemonade change
Penetration test (8) -- official document of burp Suite Pro
滲透測試 ( 1 ) --- 必備 工具、導航
X-Forwarded-For详解、如何获取到客户端IP
【练习-7】Crossword Answers
Socket communication
Maximum product (greedy)
【练习-9】Zombie’s Treasure Chest
QT按钮点击切换QLineEdit焦点(含代码)
读取和保存zarr文件