Qt/C++编写自定义控件33-图片切换动画

一、前言

在很多看图软件中，切换图片的时候可以带上动画过渡或者切换效果，显得更人性化，其实主要还是炫一些，比如百叶窗、透明度变化、左下角飞入等，无论多少种效果，核心都是围绕QPainter来进行，将各种动画效果对应的图片的区域动态计算并绘制出来，配合以QPropertyAnimation动画属性产生线性插值，比如渐入飞入时候，可以中间快速两端慢速。目前动画类型有9种，后期还会不断增加。

• 1：图像1渐渐变淡,图像2渐渐显现
• 2：百叶窗效果
• 3：图像从右向左翻转
• 4：从外到内水平分割
• 5：图像1从左至右退出可视区域,同时图像2从左至右进入可视区域
• 6：图像1从左至右退出可视区域,同时图像2从左至右进入可视区域
• 7：图像1从下至上退出可视区域,同时图像2从下至上进入可视区域
• 8：图像1从上至下退出可视区域,同时图像2从上至下进入可视区域
• 9：图像1不动,同时图像2从右下到左上

官方店：https://shop114595942.taobao.com//

公众号：Qt实战，各种开源作品、经验整理、项目实战技巧，专注Qt/C++软件开发，视频监控、物联网、工业控制、嵌入式软件、国产化系统应用软件开发。

公众号：Qt入门和进阶，专门介绍Qt/C++相关知识点学习，帮助Qt开发者