簡介
儀表盤是工控領域不可缺少的一類軟體UI元素,通常出現在各類電子看闆軟體上,以及一些進階的上位機軟體界面上,目的是将繁雜的資料轉化為可視化的圖表能大幅提高背景管理效率。
本文分享了幾個經典常用的儀表盤控件,在項目中可以拿來即用。由于源碼較為精簡,初次做Qt開發的夥伴們,也可以拿來源碼學習學習,做一些簡單的修改即可實作更多自定義的效果。參考這幾個儀表盤的源碼和設計,基本上可以觸類旁通,實作其他的儀表盤風格。
内容
1.gaugecompass
![](https://img.laitimes.com/img/__Qf2AjLwojIjJCLyojI0JCLicmbw5iZklTMzkzN5QjY5EzMxcTYiNmNlJDMhZmNlJWY5EWY38CX0JXZ252bj91Ztl2Lc52YucWbp5GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.png)
該儀表盤模拟指南針的效果,它的數值随其他控件或者信号發送者發送數值改變的信号,然後儀表盤通過槽setValue(int)進行數值的更新,進而實作數值改變時,指針動态指向的效果。
connect(slider,SIGNAL(valueChanged(int)),g,SLOT(setValue(int)));
儀表盤的顔色,指針顔色,數值顔色以及表盤背景都可以靈活更改。
2.gaugedial
3.gaugelpm
該儀表盤主要特點是實作指針劃過的圓弧區域填充為藍色,以及圖表中的數字樣式設定。
4.gaugemini
該儀表盤是一系列小儀表構成,對指針提供了多種風格,可以靈活組合選用。
5.gaugenet
該儀表盤提供了網速監控的效果,其最大特點在于指針轉過的角度和數值變化不是線性變化的,随着量級增加,指針轉過的角度代表的數量變化越來越來大。
以上儀表盤通常可以設定的内容為
*1:可設定範圍值,支援負數值
* 2:可設定精确度,最大支援小數點後3位
* 3:可設定大刻度數量/小刻度數量
* 4:可設定開始旋轉角度/結束旋轉角度
* 5:可設定是否啟用動畫效果以及動畫效果每次移動的步長
* 6:可設定外圓背景/内圓背景/進度三種顔色/刻度尺顔色/文字顔色
* 7:自适應窗體拉伸,刻度尺和文字自動縮放
* 8:可自由拓展各種漸變色,各圓的半徑
* 9:訓示器樣式可選擇 圓形訓示器 指針訓示器 圓角指針訓示器 三角形訓示器
資源
在此将源碼分享給有需要的夥伴,共同進步!
連結:https://pan.baidu.com/s/1inlVtWMeuOwcT8llVGDQlQ?pwd=ptty
提取碼:ptty