0、前言 前面一篇文章寫道了儀表盤的特點,實現了一個貼圖的儀表盤,屬於低配版本的儀表盤。 主要是有任何改動時候就需要重新設計圖片,不能適配不同控件大小,即使讓它自由拉伸,但儀表盤放大縮小時候顯示效果會變差。這篇文章設計了一個自己繪制的儀表盤,有背景表盤,刻度線、刻度值,指針 ...
一 前言 在Qt自定義控件中,儀表盤控件是數量最多的,寫儀表盤都寫到快要吐血,可能是因為各種工業控制領域用的比較多吧,而且儀表盤又是比較生動直觀的,這次看到百度的echart中有這個控件,所以也來模仿做了一個,其實掌握了一兩個儀表盤的繪制方法以后,其他儀表盤的繪制都是如魚得水,基本上變化很小。總結起來就如下幾點: :儀表盤邊框 :刻度尺 :刻度值 :圓環進度 :指針 :當前值 :儀表盤標題 無論什 ...
2019-07-20 21:35 0 1030 推薦指數:
0、前言 前面一篇文章寫道了儀表盤的特點,實現了一個貼圖的儀表盤,屬於低配版本的儀表盤。 主要是有任何改動時候就需要重新設計圖片,不能適配不同控件大小,即使讓它自由拉伸,但儀表盤放大縮小時候顯示效果會變差。這篇文章設計了一個自己繪制的儀表盤,有背景表盤,刻度線、刻度值,指針 ...
0、前言 學程序首先要輸出hell world,學電子要先來個流水燈。學Qt,那就必須先來個自定義控件,若有人問我從哪個下手,我推薦儀表盤,可簡可繁,從低配到高配齊全,可入門也可進階。 1、儀表盤解析 以常見的、傳統的儀表盤為例,分解儀表盤的元素,主要有邊框、刻度、數字、指針(或數字值 ...
的儀表盤控件上中間部分,放置一個qlineedit控件用來輸入值,采用正則表達式來限制只能輸入數字,為了使 ...
前言 汽車儀表盤幾乎是qt寫儀表盤控件中最常見的,一般來說先要求美工做好設計圖,然后設計效果圖給到程序員,由程序員根據效果來實現,主要靠貼圖,這種方法有個好處就是做出來的效果比較逼真,和真實效果圖基本上保持一致,而且程序員也不會那么累,基本上入門級別的程序員都可以搞定,效率比較高,缺點是如果用戶 ...
一、前言 圓弧儀表盤在整個自定義控件大全中也稍微遇到了技術難點,比如背景透明,如果采用以前畫圓形畫扇形的方式繪制,肯定很難形成背景透明,需要用到切割,最后換了一種繪制方法,采用繪制圓弧的方式,即使用drawArc方法,這個方法有個注意點就是值要16,我也一直沒有搞懂為什么要16,幫助文檔也是 ...
一、前言 飛行儀表是測定和表示飛機數據的工具,飛機中必不可少的一部分,飛行員根據飛行儀表表示的數據才能正確地做出判斷。一般飛機儀表包括高度表+空速表+垂直速率表+姿態儀+航向指示表+轉彎協調表。 這次要繪制的是其中的姿勢儀,顯示飛機相對於地平線的姿態,看姿態儀,飛行員能判斷飛機姿態為偏左 ...
前言 百分比儀表盤,主要的應用場景是展示銷售完成率、產品合格率等,也可以作為一個進度百分比展示,可以獨立設置對應的標題文字,標題文字的顏色和整體的顏色都可以單獨設置,建議設置成統一的風格,這樣會顯得更加美觀,貼一張星空圖作為背景就更美觀,本控件也是作為大屏UI界面的一個子控件,用來展示產品 ...
一、前言 天氣儀表盤控件是所有控件中唯一一個使用了svg矢量圖的控件,各種天氣圖標采用的矢量圖,顏色變換采用動態載入svg的內容更改生成的,其實也可以采用圖形字體來做,本次控件為了熟悉下svg在Qt中的使用,才采用的svg來繪制。 天氣一般要表示多個內容,溫度+濕度+天氣等,這就需要合理的布局 ...