Qt实现界面滑动切换效果

目录

一、Qt实现界面滑动切换效果

二、 设计思路

三、主要函数讲解

四、源代码解析

4、1 初始化界面

4、2 上一页滑动效果

4、3  下一页滑动效果

4、4 动画结束处理

五、源码地址 

六、其他文章

---

一、Qt实现界面滑动切换效果

效果如下图，滑动效果移动上下屏幕。

二、 设计思路

利用QStackWidget将页面存储起来，因为页面比较少，因此我直接将所有的页面存储在QStachWidget中，如果页面相对较多，可以使用使用使渲染的方式。

然后使用show函数同时展示两个页面的内容，这个很重要，如果使用setCurrentIndex只会展示一个界面，这样不会出现两个界面同时存在的情况。

使用QPropertyAnimation以及QParallelAnimationGroup来设置界面切换动画。

当页面左移动时，将原始界面移除屏幕到左边，将当前界面从右边移动至现在界面位置。

当页面右移动时，将原始界面移除屏幕到右边，将当前界面从左边移动至屏幕展示位置