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.0版本,下图QQ 9.0版本

这里写图片描述 这里写图片描述

这里写图片描述

这里写图片描述

动态背景

这里写图片描述


更多精彩、好玩的内容等着你!

具体代码加群311750285

©️2020 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页