Qt 实现 QQ 9.0 新版登录窗口

本文介绍了如何使用Qt实现QQ 9.0登录窗口的动画效果,包括动态背景和登录后的窗口移动动画。作者分享了模仿QQ界面的过程,并邀请读者加入Qt学习群获取详细代码。
摘要由CSDN通过智能技术生成

简述

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 版本登录界面的效果,由于切图;
	布局、样式设置较为耗时ÿ
评论 21
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值