Qt 实现 QQ 9.0 新版登录窗口

简述

QQ的界面又进行了一波更新，登录界面的样式换了一种全新的效果。一直很喜欢QQ的界面，所以进行了一波模仿。

点击登录，登录成功之后，右侧会出现一条伸出的竖线，然后窗口会自动向右移动直到窗口完全隐藏，然后竖线再进行收缩，总共三个连续动画效果，下面是效果图。有兴趣的可以加入Qt学习群哈，具体代码请见群文件。

/**
* @author : 前行中的小猪;
* @date   : 2018年05月22日
* @version: 1.0
* @note   : 模仿QQ登录界面;
1、每一个控件都有对应的QSS，见QQLoginWindow.ui文件中的样式表;

2、登录页面的整体布局都在QQLoginWindow.ui文件中,部分按钮、图标;
	头像等控件通过代码进行添加;

3、界面图标来自阿里Icon外加PS进行加工;

4、结合之前登录完成之后的动画效果，点击登录按钮即可出现窗口隐藏动画效果;

5、相比前一代QQ登录界面的模仿，此次整体界面较8.0版本好看很多;
	且此次界面采用了布局，，窗口增加阴影边框，前一代模仿的登录界面上的控件都通过位置计算进行位移;
	上一代 QQ登录界面博客地址: https://blog.csdn.net/goforwardtostep/article/details/54025626 ;

6、整体上有了一个大概的 QQ 9.0 版本登录界面的效果,由于切图;
	布局、样式设置较为耗时，下个版本将完善剩余的样式及动画效果;

*@ 博客地址: https://blog.csdn.net/GoForwardToStep ;
**/

---

由于录制软件原因，实际效果很赞

---

上图Qt 模拟 1