QT中实现图片淡出淡入的效果
2015-11-11 17:59
453 查看
网上关于图片的淡出淡入效果的讨论蛮多的,但是用QT实现就很少了。实现这种效果有两种途径:一是读取图片的RGB值,然后渐进达到淡出淡入的效果,这种方法我没有尝试,感觉还是比较复杂。二是设置加载图片载体的透明度,从完全透明到完全显示,控制这个过程可以用过定时器(QTimer)来实现。
我是用QLabel加载图片的,主要运用到QTimer和QGraphicOpacityEffect这两个控制类。下面我说一下实现这种效果的步骤:
<1> 把label的属性背景透明度设置为透明,注意这并不能使你的图片变为透明,因为这只是使得label的边框,背景色彩消失而已。
ui->label->setAttribute(Qt::WA_TranslucentBackground, true);
<2> 加载图片,这个就不多说了,我是加载了一张gif图片,是静态的gif图片- -。
ui->label->setPixmap(QPixmap("path"));
<3> 把加载了图片的label设置完全透明
float opacity=0.0;
QGraphicOpacityEffect *effect=new QGraphicOpacityEffect()'
effect->setIOpacity(opacity);//透明范围为0.0-1.0,默认为0.7 ui->label->setGraphicEffect(effect);
<4> 利用QTimer实现渐变过程
QTimer timer;
QObject::connect(&timer,SIGNAL(timeout()),this,SLOT(fade_on_fade_out()));
timer.start(250);//每隔250毫秒发射一次timeout()
<5>在槽函数fade_on_fade_out()实现渐变功能
void fade_on_fade_in()
{ if(opacity>=1.0)
}
{
timer.stop();//定时器停止
}
else
{
effect->setOpacity(opacity);
ui->label->setGraphicsEffect(effect);
}
opacity+=0.1;//透明度累加
}
<6>完成。
FROM: http://blog.chinaunix.net/uid-25749806-id-315345.html
我是用QLabel加载图片的,主要运用到QTimer和QGraphicOpacityEffect这两个控制类。下面我说一下实现这种效果的步骤:
<1> 把label的属性背景透明度设置为透明,注意这并不能使你的图片变为透明,因为这只是使得label的边框,背景色彩消失而已。
ui->label->setAttribute(Qt::WA_TranslucentBackground, true);
<2> 加载图片,这个就不多说了,我是加载了一张gif图片,是静态的gif图片- -。
ui->label->setPixmap(QPixmap("path"));
<3> 把加载了图片的label设置完全透明
float opacity=0.0;
QGraphicOpacityEffect *effect=new QGraphicOpacityEffect()'
effect->setIOpacity(opacity);//透明范围为0.0-1.0,默认为0.7 ui->label->setGraphicEffect(effect);
<4> 利用QTimer实现渐变过程
QTimer timer;
QObject::connect(&timer,SIGNAL(timeout()),this,SLOT(fade_on_fade_out()));
timer.start(250);//每隔250毫秒发射一次timeout()
<5>在槽函数fade_on_fade_out()实现渐变功能
void fade_on_fade_in()
{ if(opacity>=1.0)
}
{
timer.stop();//定时器停止
}
else
{
effect->setOpacity(opacity);
ui->label->setGraphicsEffect(effect);
}
opacity+=0.1;//透明度累加
}
<6>完成。
FROM: http://blog.chinaunix.net/uid-25749806-id-315345.html
相关文章推荐
- 【转】 Qt绘图,显示图片图像,平移,缩放,旋转和扭曲图片的方法 声明:本
- [转载]Qt图片缩放处理、旋转与扭曲
- QT中给各控件增加背景图片(可缩放可旋转)的几种方法
- Qt中图像的显示与基本操作
- [Qt]一个简单的Qt Widget多线程处理图像的例子
- Qt继电器控制板代码
- 在QT中使用静态对象
- Qt下如何使用libuv
- Qt学习点滴积累
- QT位置相关函数
- 自学QT之底层因为接收到操作系统信号而停止的解决方案
- Qt Creator的下载、安装及试用
- QT主窗口QMainWindow
- VS调试Qt程序时查看变量显示地址值问题解决
- qt 中各种常用对话框
- QML Item详解
- Qt数据库sqlite总结
- Qt中提高sqlite的读写速度
- Qt 的sqlite数据库的学习
- Mobile Assistant