.Net語言 APP開發平台——Smobiler學習日志：如何在手機上開發儀表盤控件，appsmobiler

.Net語言 APP開發平台——Smobiler學習日志：如何在手機上開發儀表盤控件，appsmobiler

最前面的話：Smobiler是一個在VS環境中使用.Net語言來開發APP的開發平台，也許比Xamarin更方便

 

一、目標樣式

我們要實現上圖中的效果，需要如下的操作：

1.從工具欄上的“Smobiler Components”拖動一個GaugeView控件到窗體界面上

2.修改GaugeView控件的屬性

a.AxisLines屬性

設置儀表盤軸線段，打開集合編輯器，並點擊"添加"，Color屬性（儀表盤軸線段的顏色）和SplitNumRate屬性（儀表盤軸線段占總線段的比例，取值0-1），如圖1、圖2；

b.AxisLineVisiable屬性

設置是否顯示儀表盤軸線，默認設置為“True”，如圖3；

c.AxisLineWidth屬性

設置儀表盤軸線寬度，將該屬性設置為“4”，如圖4；

圖1 圖2 圖3 圖4

d.AxisTickColor屬性

設置儀表盤刻度線顏色，默認設置為“White”，如圖5；

e.AxisTickLength屬性

設置儀表盤刻度線長度，將該屬性設置為“2”，如圖6；

f.AxisTickSplitNum屬性

設置儀表盤軸線內的分割刻度數，默認設置為“5”，如圖7；

g.AxisTickVisiable屬性

設置是否顯示儀表盤刻度線，默認設置為“True”，如圖8；

圖5 圖6 圖7 圖8

h.EndAngle屬性

設置儀表盤結束角度，默認設置為“-45”，如圖9；

i.Location屬性

讓控件顯示在合適的位置（5, 37），如圖10；

j.MaxValue屬性

設置儀表盤最大值，將該屬性設置為“150”，如圖11；

k.MinValue屬性

設置儀表盤最小值，默認設置為“0”，如圖12；

圖9 圖10 圖11 圖12

l.PointerColor屬性

設置指針顏色，將該屬性設置為“255, 128, 128”，表示RGB顏色，如圖13；

m.PointerLength屬性

設置指針長度，將該屬性設置為“40”，如圖14；

n.PointerVisiable屬性

設置是否顯示儀表盤指針，默認設置為“True”，如圖15；

o.PointerWidth屬性

設置指針寬度，將該屬性設置為“10”，如圖16；

圖13 圖14 圖15 圖16

p.Size屬性

設置控件的寬度和高度，將該屬性設置為（108, 75），如圖17；

q.SplitLineColor屬性

設置儀表盤分割線顏色，默認設置為“White”，如圖18；

r.SplitLineLength屬性

設置儀表盤分割線長度，將該屬性設置為“4”，如圖19；

s.SplitLineVisiable屬性

設置是否顯示儀表盤分割線，默認設置為“True”，如圖20；

圖17 圖18 圖19 圖20

t.SplitNum屬性

設置儀表盤刻度的分割段數，默認設置為“10”，如圖21；

u.StartAngle屬性

設置儀表盤的起始角度，默認設置為“225”，如圖22；

v.Text屬性

設置儀表盤文本，將該屬性設置為“2.3%”，如圖23；

w.TextForeColor屬性

設置儀表盤文本顏色，將該屬性設置為“255, 128, 128”，表示RGB顏色，如圖24；

圖21 圖22 圖23 圖24

s.Title屬性

設置儀表盤標題，將該屬性設置為“績效完成率”，如圖25；

y.TitleForeColor屬性

設置儀表盤標題的文本顏色，默認設置為“Black”，如圖26；

z.Value屬性

設置儀表盤指針值，將該屬性設置為“2.3”，如圖27；

圖25 圖26 圖27

二、手機效果顯示