Qt:给自己的程序加上炫酷的鼠标双击特效

  • 你有没有想过给自己的程序添加一个炫酷的点击效果,
    先上效果图:

在这里插入图片描述

有没有心动的感觉?
其实这个效果实现起来非常简单。

  • 首先重写mouseDoubleClickEvent事件,为什么就不用多说了,看名字都知道,鼠标双击事件。
  • 接下来使用event->button()来判断是否是鼠标左键双击。
  • 最后就是动画显示

动画显示使用QMovie加载gif图片,值得一说的是,你所选取的gif图片最好是 透明背景,要不然效果极其难看,其次使用QLabel加载movie,设置一些属性就可以显示了。

  • 代码如下
void MusicPlayer::mouseDoubleClickEvent(QMouseEvent *event)
{
    //判断是否为鼠标左键双击
    if(event->button() == Qt::LeftButton)
    {
        QLabel * label = new QLabel(this);
        QMovie * movie = new QMovie(":/Resource/effects.gif");//加载gif图片
        //设置label自动适应gif的大小
        label->setScaledContents(true);
        
        label->setMovie(movie);
        //这里为了调用move方便,进行resize,需要知道的是gif的大小本来也就是150*150
        label->resize(150,150);
        //设置鼠标穿透
        label->setAttribute(Qt::WA_TransparentForMouseEvents, true);
        //让label的中心在当前鼠标双击位置
        label->move(event->pos().x()-label->width()/2,event->pos().y()-label->height()/2);
        //开始播放gif
        movie->start();
        
        label->show();

        //绑定QMovie的信号,判断gif播放次数
        connect(movie, &QMovie::frameChanged, [=](int frameNumber) {
            if (frameNumber == movie->frameCount() - 1)//gif播放次数为1,关闭标签
                label->close();
        });
    }
}
  • tips
    gif动图可以用ps制作,其他大部分软件背景色总是白色,无法做到透明,这里推荐使用ps的动感模式进行制作
    在这里插入图片描述

再次强调一遍,一定要用透明背景!!!

原创文章 17 获赞 69 访问量 2万+

猜你喜欢

转载自blog.csdn.net/weixin_45826022/article/details/105103845