- 你有没有想过给自己的程序添加一个炫酷的点击效果,
先上效果图:
有没有心动的感觉?
其实这个效果实现起来非常简单。
- 首先重写
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的动感模式进行制作
再次强调一遍,一定要用透明背景!!!