1. 程式人生 > >Qt 實現 QQ 9.0 新版登入視窗

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