<>简述
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
热门工具 换一换