上次和大家分享了使用Qml制作的儀表盤的過程，這次和大家分享下Qt的自定義控件過程。

效果圖如上，有圖有真相啊。

程序源碼來自B站上，幾乎沒做任何修改，這里主要說下自定義控件的流程。

程序源碼：

xieguiproject/GCT?github.com

B站視頻地址：

QT自定義控件繪制之表盤繪制_嗶哩嗶哩 (゜-゜)つロ 干杯~-bilibili?www.bilibili.com

以前一篇關于一些2D繪圖的文章：

Qt中國象棋一—— Qt 2D 繪圖入門?mp.weixin.qq.com

首先Qt已經為我們提供了眾多豐富且易用的基礎控件，但是很多情況下我們需要實現自己的設計形態，如上面的儀表盤。這時候就需要自定義控件了，而且實際使用中還會用到樣式表的。本次主要簡述下自定義儀表盤的流程。

一. 儀表盤自身工作流程

儀表盤控件繼承自QWidget，使用定時器以100ms的頻率觸發painEvent繪圖事件。

繪制控件程序如下：

//繪制控件

void Dashboard1::drawDashBoardWiget(QPainter *painter)

{

//全局參數初始化

qParmInit();

//設置透明

setOtherBackgroud(true,painter);

//繪制表盤

drawDashBoard(painter);

//繪制刻度尺

drawDivideRule(painter);

//繪制指針

drawDishBoardPointer(painter);

//繪制表盤文字

drawDashBoardText(painter);

}

刻度的位置通過setValue()方法來調整。

drawDashBoard()

只保留繪制表盤部分代碼，如圖，標出了4個數字，即是繪制了4個圓，程序中則是調用了4次drawEllipse(繪制橢圓)進行繪制。

2. drawDivideRule()

添加繪制刻線部分程序，效果如下。

程序中計算的方法就不做介紹了，fMaxDivide表示大刻度線的個數，fMinDivide表示小刻度線的個數。

3. drawDivideRule()

繪制刻度盤指針

通過繪制一個多邊形與一個橢圓組合而成。

4. drawDashBoardText()

繪制表盤上的文本，效果如下

二、 關于程序對自定義控件的調用

從github上下載下來的程序是通過提升控件的方式調用的。具體就是先拖一個Widget，然后右鍵提升，Qt會自動識別程序中已包含的自定義控件的。在主UI中可直接訪問被提升過的控件的方法。

第二種方法就是通過布局來addWidget。效果如下

三 . 小結

雖然不清楚刻度線與刻度指針的具體計算方式，但是我們可以快速的構建起一個項目，這應該是目前首要的任務。

修改過的完整工程可在公眾號后臺留言獲取。

Pou光明

Qt自定義儀表盤控件https://www.zhihu.com/video/1227261158266642432Qml儀表盤效果視頻https://www.zhihu.com/video/1227261323710988288

總結

以上是生活随笔為你收集整理的仪表指针样式_Qt自定义Widget之仪表盘的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。