Qt編寫自定義控件-光暈時鐘

、前言

在上一篇文章寫了個高仿WIN10系統的光暈日歷，這次來繪制一個光暈的時鐘，也是在某些網頁上看到的效果，時分秒分別以進度條的形式來繪制，而且這個進度條帶有光暈效果，中間的日期時間文字也是光暈效果，整體看起來有點科幻的感覺，本控件沒有什么技術難點，如果真要有難點的話也就是如何產生這個光暈效果，在使用painter繪制的時候，設置畫筆，可以設置brush，brush可以是各種漸變效果，這個就非常強大了，主要有線性漸變、圓形漸變、錐形漸變，這三種漸變用得好，各種效果都得心應手隨手拈來。

為了產生光暈效果，需要用到圓形漸變，并對圓形漸變中的不同的位置設置透明度值來處理，時分秒對應的進度可以自動計算出來，這個不難，比如直接用QTime可以獲取對應的時分秒，然后時鐘和分鐘除以60，秒鐘除以1000來獲取對應的進度。繪制光暈文本采用的QPainterPath的addText來實現。

二、實現的功能

1:可設置圓弧半徑寬度
2:可設置光暈寬度
3:可設置光暈顏色
4:可設置文本顏色
5:采用動畫機制平滑進度展示時間

三、效果圖

四、頭文件代碼

#ifndef SHADOWCLOCK_H
#define SHADOWCLOCK_H

/**
 * 光暈時鐘控件 作者:雨田哥(QQ:3246214072) 整理:feiyangqingyun(QQ:517216493) 2019-10-07
 * 1:可設置圓弧半徑寬度
 * 2:可設置光暈寬度
 * 3:可設置光暈顏色
 * 4:可設置文本顏色
 * 5:采用動畫機制平滑進度展示時間
 */

#include <QWidget>

#ifdef quc
#if (QT_VERSION < QT_VERSION_CHECK(5,7,0))
#include <QtDesigner/QDesignerExportWidget>
#else
#include <QtUiPlugin/QDesignerExportWidget>
#endif

class QDESIGNER_WIDGET_EXPORT ShadowClock : public QWidget
#else
class ShadowClock : public QWidget
#endif

{
    Q_OBJECT
    Q_PROPERTY(int radiusWidth READ getRadiusWidth WRITE setRadiusWidth)
    Q_PROPERTY(int shadowWidth READ getShadowWidth WRITE setShadowWidth)

    Q_PROPERTY(QColor textColor READ getTextColor WRITE setTextColor)
    Q_PROPERTY(QColor shadowColor READ getShadowColor WRITE setShadowColor)

public:
    explicit ShadowClock(QWidget *parent = 0);
    ~ShadowClock();

protected:
    void paintEvent(QPaintEvent *);
    void drawArc(QPainter *painter, int radius, qreal angle);
    void drawText(QPainter *painter);

private:
    int radiusWidth;            //半徑寬度
    int shadowWidth;            //光暈寬度

    QColor textColor;           //文本顏色
    QColor shadowColor;         //光暈顏色

public:
    int getRadiusWidth()        const;
    int getShadowWidth()        const;

    QColor getTextColor()       const;
    QColor getShadowColor()     const;

    QSize sizeHint()            const;
    QSize minimumSizeHint()     const;

public Q_SLOTS:
    //設置半徑寬度+光暈寬度
    void setRadiusWidth(int radiusWidth);
    void setShadowWidth(int shadowWidth);

    //設置文本顏色+光暈顏色
    void setTextColor(const QColor &textColor);
    void setShadowColor(const QColor &shadowColor);
};

#endif // SHADOWCLOCK_H

【領QT開發教程學習資料，點擊下方鏈接莬費領取↓↓，先碼住不迷路~】

點擊這里：Qt資料領取（視頻教程+文檔+代碼+項目實戰）

字影視制作和展覽中心簡介

新華網數字影視制作和展覽中心是創新型技術研發部門，根據公司黨委對于創新業務的戰略部署，部門堅持“前店后廠”的協同模式，通過前沿數字技術支撐新華網的內容創新和產業拓展，加速媒體融合發展。

三大業務線：

一、線下數字展覽

充分發揮前沿數字多媒體科技手段，打造新型互動展覽模式，實現信息共享、內容共建和體驗共通，助力區域文化展示及品牌建設，提升社會和經濟效益。

二、新華5G云展服務平臺

新華5G云展服務平臺充分發揮新華網媒體傳播、資源整合、技術賦能優勢，以“云+展覽”的體驗方式，“平臺+科技+項目”的服務模式，創新打造的會展行業綜合性服務平臺。

三、數字內容創作

運用前沿的數字化科技手段，提供定制化數字影片制作、應用程序開發等數字內容解決方案。

聯系方式：

—88050604

Email: xhyz@news.cn

數字展覽案例：

項目名稱：偉大的變革

展覽面積：1300㎡

重點展項：大美中國影像長廊

展項描述：

為慶祝改革開放40周年，部門運用數字化科技手段設計《偉大的變革—慶祝改革開放40周年大型展覽》新華社展區，從空間設計、創意內容、技術開發等到現場實施全部獨立完成。

其中重點展項“大美中國影像長廊”以動靜結合的方式，通過多通道大范圍的影像長廊，營造身臨其境的沉浸式視覺體驗，以“新華社記錄的大美中國”為主題，展現了一幅以祖國的自然風光、城市風貌、鄉村景象以及人民美好生活組成的壯美畫卷。

重點展項：歲月羅盤

圍繞改革開放以來重大事件和新華社經典報道兩個維度，選取改革開放40年不同時期標志性事件，觀眾通過觸摸轉動多媒體互動羅盤的內外刻度自行匹配時間與主題，LED大屏則對應彈出相應時期的圖片、視頻和文字等內容，形象的展示改革開放40年以來民生領域翻天覆地的變化。

項目名稱：撫仙湖生態展示中心

展覽面積：2700㎡

展覽概述：

撫仙湖生態展示中心毗鄰優美的撫仙湖畔廣龍濕地公園，是云南省澄江市的城市形象亮點工程。展示中心以展示撫仙湖的生態治理過程及成果為基礎，是關于澄江市歷史人文及城市規劃的現代化城市規劃館。部門通過科學規劃對展示中心進行數字化布展改建，總占地近4500平方米，室內布展面積2700平米，項目于2020年1月完成施工并交付使用。

項目名稱：哈爾濱市游客服務中心改造項目

展覽面積：1200㎡

展覽概述：

黑龍江省舉辦首屆旅游發展大會，部門對游客服務中心進行全面數字化改造。項目運用虛擬現實、增強現實、體感互動、沉浸式影院、數字特效、數據可視化等一系列前沿展示技術，讓游客全方位感受哈爾濱的自然之美和人文之美。改造之后的哈爾濱游客服務中心以面貌一新的姿態及豐富的互動體驗吸引了眾多游客。

亮點展項：冰城盛宴

技術：裸眼立體投影

展項概述：游客坐在餐桌前，通過裸眼立體投影技術呈現真實餐廳的景象，由“梅花鹿”和“東北虎”作為廚師，生動的展示哈爾濱特色美食，實現獨具哈爾濱魅力的視覺、聽覺、味覺多重享受。

新華5G云展服務平臺介紹：

線上智慧展覽項目案例：

項目名稱：

慶祝中華人民共和國成立70周年主題國際巡展網上展廳

項目概述：

為慶祝中華人民共和國成立70周年，中國國務院新聞辦公室會同有關方面策劃制作了“慶祝中華人民共和國成立70周年主題國際巡展”并陸續在全球舉辦，同時配套網上展廳。網上展廳全要素呈現展覽內容，全景式還原現場體驗。除中文版本外，網上展廳還提供英文、俄文、法文、西班牙文、阿拉伯文、葡萄牙文等六種版本。

鏈接地址：

https://my-statics-cdn.app.xinhuanet.com/xhwh5/prc70/html/index.html?scene_id=33498063

項目名稱：內蒙古鄂爾多斯生態文明建設成就展線上展廳

項目概述：

為展現鄂爾多斯生態文明建設70周年成果，部門設計鄂爾多斯生態文明建設成就展，同時設計網上展廳，360°再現展廳內容，實現線上線下雙線看展。

鏈接地址：

https://my-statics-cdn.app.xinhuanet.com/xhwh5/erdos/html/index.html

數字內容創作案例：

項目名稱：《阿爸的大手》微電影

項目概述：

為南方電網策劃的宣傳微電影。以真人真事為原型，講述云南迪慶藏族自治州貧困家庭次里卓瑪的故事。在美麗的梅里雪山下，卓瑪一家幸福的生活時，然而六歲時卓瑪母親突然去世，從此卓瑪與爸爸相依為命，爸爸的大手成為卓瑪最為溫暖的依靠。卓瑪爸爸對卓瑪要求非常嚴格，在成長過程卓瑪與爸爸開始疏遠。高考卓瑪落榜，其他親戚都反對卓瑪繼續讀書，家庭條件也不允許，卓瑪即將輟學，一輩子呆在農村，面臨命運的選擇，卓瑪父親力排眾議想盡各種辦法讓卓瑪上大學。最終在云南電網教育扶貧政策的幫助下，卓瑪得以走入大學，再一次像童年一樣牽起了阿爸的大手。

項目名稱：《飛越清明上河圖》特效影片

項目概述：

該項目以《清明上河圖》這一歷史瑰寶為藍本，以飛行的視角沉浸式展現《清明上河圖》中市井間趣味盎然的百味故事，第一次真正意義上動態還原《清明上河圖》，使觀眾在細細品味國寶魅力的同時，設身處地的感受北宋年間汴京的人間百態與盛世繁華。

項目名稱：澄江化石VR電影及5D電影

項目概述：

數字影視制作和展覽中心運用虛擬現實技術，制作了一部15分鐘VR電影。該片以云南省澄江化石地世界自然遺產為背景，講述澄江5億多年前一種特殊生物群的生存景象。

項目名稱：AR數字沙盤

項目概述：

數字影視制作和展覽中心歷經兩年潛心研究，結合現代AR展示技術，全新研發出“AR數字沙盤”產品，此產品具有造價低廉、展示占地面積少、適用范圍廣泛、覆蓋內容全面、信息可互動、后期維護簡單等優勢。目前AR數字沙盤已取得作品著作權。

項目名稱：VR互動體驗《飛奪瀘定橋》、《八一南昌起義》

項目概述：佩戴VR設備，通過三維虛擬場景復飛奪陸瀘定橋、八一南昌起義等內容，強烈的視覺沖擊與身臨其境的逼真體驗，使參展者360度沉浸式體驗戰斗的激烈場景。

能源人都在看，點擊右上角加'關注'】

國內學習網站

1. 小語種學習網站：http://xyz.tingroom.com/

2. 網易公開課：http://open.163.com/

3. 中國大學：http://www.icourse163.org/

4. 新浪公開課：http://open.sina.com.cn/

5. 央視網–公開課：http://opencla.cntv.cn/

6. 愛課堂：http://www.icourses.cn/home/

7. MOOC中國：http://www.mooc.cn/

8. 超星公開課：http://openv.chaoxing.com/

學術導航網站

大木蟲學術：www.4243.net

龍貓學術：www.6453.net

格桑花學術：www.20009.net

文獻小鎮：www.sci-hub.ac.cn

外文書籍（文獻）下載網站

Library Genesis：http://gen.lib.rus.ec/

Book ZZ：http://bookzz.org/

Free-Ebooks：http://www.free-ebooks.net/

Bookboon：http://bookboon.com/en

ManyBooks：http://manybooks.net/

SnipFiles：http://www.snipfiles.com/

Open Library：https://openlibrary.org/

Bookyards：http://www.bookyards.com/

考研資料相關網站

考研圈：

http://www.zhuansoo.com/vbar/c/vc.html?id=19

考試點社區:

http://bbs.kaoshidian.com/resource

考研論壇：http://download.bbs.kaoyan.com/

小木蟲論壇：http://emuch.net/bbs/index.php

傳媒人網：http://www.chuanmeiren.cn/bbs/

適合大學生學習的網站

1. 開復學生網：http://kaifulee.com/

2. 天涯社區 http：//tianya.cn/

3. 仲一互助游網：http://www.jooinn.com/

4. 大學生戀愛網：http://xoyoto.com

5. 搜教網：http://www.soojoo.cn

6. 互助求職網 http://www.huzhujob.com

7. 中華英才網http://chinahr.com/

8. 土豆網 http：//tudou.com

9. 捐獻時間：http://donatehour.org/

10. 普特英語：http://putclub.com/

繪雪閣：http://www.xuegebk.cn/

等級考試網站

英語四級考試網 http://www.cet4v.com/

英語六級考試網 http://www.cet6w.com/

四六級考試網

http://www.cet-46.com/default.asp

中國雅思網 http://www.cnielts.com/

無憂雅思網 http://www.51ielts.com/

3G雅思網 http://www.3gbbs.com/

中國考試網 http://www.sinoexam.com.cn/

E學網 http://www.exue.com/

旺旺英語 http://www.wwenglish.com/

普特英語聽力 http://www.putclub.com/

中國英語學習網 http://www.24en.com/

英語翻譯吧 http://www.fanyi8.com/

英文寫作網 http://www.4ewriting.com/

新東方網絡課堂 http://www.tol24.com/

英語周報 http://www.ew.com.cn/

英語365 http://e365.cc163.net/

英文早報 http://gzmp.dayoo.com/

英語時空 http://www.yysk.net/

中國英語學習網 http://www.24en.com/

空中英語教室 http://www.kzyyjs.com/

AskMySite http://www.askmysite.com/

牛津英語網

http://www.oxford.com.cn/study/exam/major/

考試大 http://www.examda.com/TEM/

中國英語學習網http://www.24en.com/tem/

滬江網

http://www.hjenglish.com/down/list/113/

新挑戰國際英語

http://www.tzcool.com/List2.asp?BClassID=4&SClassID=18

中國考題網

http://www.ksw123.com/index_54.shtml

星沙英語

http://www.rr365.com/english/List_700.html

大耳朵英語 http://www.ebigear.com/newslist-122-1.html

真題網

http://www.pass-e.com/sort.php?sortid=25

就學網 http://www.joxue.com/joxue/en/id11/

繪雪閣：https://www.xuegebk.cn/

考研相關的網站

中國研究生招生信息網

http://www.chinayz.com.cn/

繪雪閣：http://www.xuegebk.cn/

考研網 http://www.kaoyan.net/

中國考研網 http://www.chinakaoyan.com/

考研教育網 http://www.cnedu.cn/

21CN考研

http://learning.21cn.com/kaoshi/kaoyan/

考研加油站 http://www.kaoyan.com/

考研信息港 http://www.kaoyan365.com/

考研論壇 http://bbs.kaoyan.com/

21世紀考研網 http://www.21ky.net/

清華考研遠程輔導網

http://www.tsinghuatutor.com/

考研共濟網 http://www.kaoyantj.com/

網大考研

http://www.netbig.com/exam/ch2.htm

考研寶典 http://www.exambook.net/

考研同路人 http://www.17ky.com/

北京考研網 http://www.010ky.com/

研路資訊 http://www.roadedu.com/

導航考研 http://www.daohang.net/

圣才考研網 http://www.100exam.com/

3COM免費考研網 http://kind887.518u.com/

OK考研網 http://www.okkaoyan.cn/

留學信息

教育涉外監管信息網 http://www.jsj.edu.cn/

國家留學基金委員會：

http://www.csc.edu.cn/gb/

經教育部資格認定中介

http://www.jsj.edu.cn/mingdan/001.html

教育部公布的外國學校

http://www.jsj.edu.cn/mingdan/004.html

世紀出國資訊易網 http://www.21abroad.net/

北京留學網 http://www.bjlx.gov.cn/

中國留學人才信息網

http://www.chinatalents.gov.cn/

艾迪國際 http://www.studyoz.com.cn/

東方移民留學中心 http://www.visa2au.com/

國際教育留學資訊網

http://www.internationaledu.net/

北京環球行留學服務 http://www.wefedu.com/

自在留學網 http://www.igoedu.com/

留學第一站 http://www.globeedu.com/

北京嘉華世達國際教育中心

http://www.chivast.com/

中國教育服務中心 http://www.cesc.com.cn/

中教國際教育交流中心

http://www.cciee.com.cn/

高士登留學 http://www.gsdedu.com/

DIY留學法國 http://www.francediy.org/

中國對外友好合作服務

http://www.youhao.net.cn/

中國出國人員服務總公司

http://www.cnsc-edu.com.cn/

公務員考試

中國人事考試網 http://www.cpta.com.cn/

中國海關考錄網 http://kaolu.customs.gov.cn/

北京市人事考試網 http://www.bjpta.gov.cn/

中華人民共和國人事部

http://www.mop.gov.cn/

公務員考試指南針

http://www.softunnel.com/compass.htm

國家公務員考試_新浪

http://edu.sina.com.cn/focus/official.html

公務員考試_新華網

http://www.xinhuanet.com/zhengfu/gwy/

公務員考試_中招在線

http://www.yuloo.com/gwyks/

騰訊公務員考試

http://edu.qq.com/official/

公務員考試_南開大學

http://career.nankai.edu.cn/official/

公務員考試_濟寧信息港

http://edu.jninfo.net.cn/gwyks/

福建錄用公務員考試網 http://www.fjkl.gov.cn/

廣東公務員考試網 http://www.gdgwy.net/

廣州人事信息網 http://www.gzpi.gov.cn/

人才招聘

高校畢業生網 http://www.myjob.edu.cn/

中國高校就業聯盟網

http://www.job9151.com/

中國大學生就業見習網

http://www.54club.com/

北京市畢業生就業信息網

http://www.bjbys.com/

北京畢業生就業指導中心

http://www.bjbys.net.cn/

北京畢業生就業中心 http://www.bjbys.net.cn/

研究生人才網 http://www.91student.com/

智聯招聘網 http://www.zhaopin.com/

中華英才網 http://www.chinahr.com

51job http://www.51job.com/

中國俊才網 http://www.goodjob.cn/

易才網 http://www.job1998.com/

易之易工作網 http://www.e2ejob.com/

每日人才網 http://www.rc365.com/

58城網-兼職 http://www.58.com/jianzhi.aspx

中國經理人才網 http://www.m-jobcn.com/

HR伴侶 http://www.hrbanlv.com/

中國人力資源聯盟 http://www.hrsou.cn/

智通人才招聘網 http://www.job5156.com/

求職簡歷相關的網站

1. 中國電子簡歷網 http://www.chinacv.net/

2. 中國簡歷網 http://www.5520.org/

繪雪閣：http://www.xuegebk.cn/

3. 簡歷吧 http://www.resume8.com/

4. 中國人才指南網 http://www.cnrencai.com/

5. 簡歷中國 http://www.jlchina.cn/

6. 輕松簡歷網 http://www.easyresume.net/

7. 中英文簡歷工作室 http://www.mycvcv.com/

8. 中國個人簡歷網 http://www.t135.com/

9. 世紀簡歷網 http://www.21ren.com/

10. 中國求職簡歷網 http://www.jianli-sky.com/

影評網站

1. 時光網http://www.mtime.com/community/

2. 豆瓣電影http://movie.douban.com/

繪雪閣：http://www.xuegebk.cn/

3. 爛番茄http://www.rottentomatoes.com/

4. IMBDhttp://www.imdb.com/

5.廣播影評人協會

http://www.criticschoice.com/

6. 紐約影評家協會http://www.nyfcc.com/

7. Filmhttp://www.film.com/

8. GoodFil.mshttp://goodfil.ms/

9. Cinephiliahttp://cinephilia.net/

10.ScreenJunkieshttp://www.screenjunkies.com/

11. IndieWire:http://www.indiewire.com/

PS相關學習網站

1. 我要自學網http://www.51zxw.net/

2. 52photoshophttp://www.52photoshop.cn/

繪雪閣：http://www.xuegebk.cn/

3. PSDFANhttp://psd.fanextra.com/

4. Photoshop Tutorialshttp://www.photoshoptutorials.ws/

5. PS Brusheshttp://www.psbrushes.net/

6. ps聯盟http://www.68ps.com/

免費視頻素材模板網站

1. 視崛http://www.shij001.com/

2. 92素材網http://www.92sucai.com/

3. 新GG兒http://www.newcger.com/

繪雪閣：https://www.xuegebk.cn/

4. 千圖網http://www.58pic.com/shipin/

5. 39視頻http://www.39video.com/

6. 模板天空http://www.mobantiankong.com/

7. 人人素材

http://www.rr-sc.com/?fromuid=201838

影視后期教程網站

1. 我要自學網http://t.cn/hgWA5w

2. 翼虎網http://t.cn/RhcgNMN

3. 飛特網http://t.cn/hbBHpZ

4. Videocopilothttp://www.videocopilot.net/

5. Vfxinfohttp://vfxinfo.net/

6. BW Designhttp://benwattsdesign.com/

網盤工具匯總

1. 去轉盤網:http://www.quzhuanpan.com/

2. 西林街：http://www.xilinjie.com/

3. EV搜索：http://www.evsou.com/

4. 找文件：http://www.zhaofile.com/

5. 胖次：http://www.panc.cc/

6. 呆木瓜：http://www.daimugua.com/

7. 愛挖盤：http://www.iwapan.com/

8.繪雪閣：https://www.xuegebk.cn/

中文書籍下載網站

書林網：http://www.booksforest.com/

錢氏藏書：

http://qscs.haotui.com/?fromuid=272

大熊圖書館：

http://dxlibrary.haotui.com/bbs.php

大眾圖書館：http://dztsg.info/forum.php

繪雪閣：https://www.xuegebk.cn/

讀遠：http://www.readfar.com/

Bucee雜志館：http://bucee.net/

漢川草廬：

http://www.sidneyluo.net/index.html

翻譯工具匯總

CNKI翻譯助手：http://dict.cnki.net/

句酷：http://www.jukuu.com/

詞都：http://www.dictall.com/

LINE Dictionary：

http://ce.linedict.com/dict.html#/cnen/

Glosbe：https://glosbe.com/

實用網站

大軟坊：http://app.hustonline.net/major

香當網：http://www.xiangdang.net/

繪雪閣：https://www.xuegebk.cn/

Smallpdf：http://smallpdf.com/

MSDN：http://www.itellyou.cn/

找動漫資源網站

Animation World Network：

http://www.awn.com/

卡通釀造：http://www.cartoonbrew.com/

皮克斯帝國：http://pixarempire.com/

動漫花園：http://share.dmhy.org

漫游BT：http://share.popgo.org

簡單動漫：http://www.36dm.com/

繪雪閣：https://www.xuegebk.cn/

漫畫書：http://manhuashu.net/

旋風動漫：http://bt.xfsub.com/

高清電影資源網站

高清控聯盟：http://www.gaoqingkong.com/

藏云閣高清網：http://www.cangyunge.com/

電影王國：http://www.moviewg.com/

藍影網：http://www.lanyingwang.com/

高清MP4吧（www.mp4ba.com）

迅播影院（www.2tu.cc）

面包網（www.mianbao99.com）

兔兔電影網（www.tutuzx.net）

國外紀錄片站

Ary Heaven：http://documentaryheaven.com/

Free DocumentAries：

http://freedocumentaries.org/

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商

Qt編寫自定義控件-光暈時鐘

、前言

二、實現的功能

三、效果圖

四、頭文件代碼

您的項目需求