简述
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 版本登录界面的效果,由于切图;
布局、样式设置较为耗时ÿ