QT中实现图片淡出淡入的效果

网上关于图片的淡出淡入效果的讨论蛮多的,但是用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

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值