開源儀表盤-Dashboard-C#/WF

QyLost發表於2019-06-27

Simple Dashboard(一個簡單的儀表盤)

為什麼說簡單呢,其實這個Dashboard並沒有用到什麼太高深的技術,核心是在計算上,一個核心的座標點計算公式之前已經在我的部落格有過分享了:“ 已知圓心和半徑手繪一個圓形-C#/WF”,直接套用即可。

Dashboard(儀表盤)

顯示效果還是不錯的,樣式是參考了PowerBI的一個案例。其中所有的顏色都是可以自由搭配替換的。

開源儀表盤-Dashboard-C#/WF

Customized Property(自定義屬性)

Expected(期望值)

標識儀表盤的上限值。

開源儀表盤-Dashboard-C#/WF

Real(已達到的值/進度值)

開源儀表盤-Dashboard-C#/WF

BottomTitleColor(底部標題顏色)

指最底部的文字字型顏色。

開源儀表盤-Dashboard-C#/WF

BottomTitleFont(底部標題字型)

指最底部的文字的字型。

Indicator(指標角度)

這個說的並非指標真實的角度,但是卻和指標的大小關聯,值越大標識指標越大,最大不可超過200.

開源儀表盤-Dashboard-C#/WF

IndicatorColor(指標顏色)

這個屬性指的是指標的顏色。

IndicatorFill(填充式指標)

標識指標是單線條還是填充式的,預設是填充的,也就是如上所展示的,設定False為單線條樣式,如下展示。

開源儀表盤-Dashboard-C#/WF

InnerBackground(內圓弧填充色)

指的是內測的圓弧背景色,非中心圓。

開源儀表盤-Dashboard-C#/WF

OuterColor(外圓線條顏色)

指的是如圖所指的外側的淺藍色線條的顏色。

開源儀表盤-Dashboard-C#/WF

InnerColor(內圓線條顏色)

指的是如圖所指的內側的深藍色線條的顏色。

開源儀表盤-Dashboard-C#/WF

InnerRoundColor(中心圓的填充色)

指的是中心圓的背景色

開源儀表盤-Dashboard-C#/WF

ProgressColor(進度條顏色)

指的是當前進度條劃過的顏色

開源儀表盤-Dashboard-C#/WF

ProgressDisplayModel(進度條顯示模式)

預設模式是Inner模式,有三種可供選擇,分別是:Inner、Center、Fill。以下分別展示了三種模式:

Inner:

開源儀表盤-Dashboard-C#/WF
Center:
開源儀表盤-Dashboard-C#/WF
Fill:
開源儀表盤-Dashboard-C#/WF

ScaleExpectedColor(期望值的刻度顏色)

如圖中所指,標識沒有達到時刻度值和刻度線的顏色。

開源儀表盤-Dashboard-C#/WF

Override Property(重寫的屬性)

除了以上重寫的屬性之外,還使用了從Control繼承過來的一些屬性。

Text(文字)

儀表盤中間的Title內容。

ForeColor(文字顏色)

儀表盤中間的Title顏色。

Font(文字樣式)

儀表盤中間的Title字型。

最後

總的來說自定義性還是比較高的,可以自由搭配顏色,介面效果參考自PowerBI,其他內容為原創,轉發請註明來源!

OpenSource

Git:github.com/qylost/Dash…

本地下載:本地下載

相關文章