程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> 關於.NET >> .Net語言 APP開發平台——Smobiler學習日志:如何在手機上開發儀表盤控件,appsmobiler

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

編輯:關於.NET

.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;

AxisLines屬性 AxisLines屬性 AxisLineVisiable屬性 AxisLineWidth屬性 圖1 圖2 圖3 圖4

d.AxisTickColor屬性

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

e.AxisTickLength屬性

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

f.AxisTickSplitNum屬性

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

g.AxisTickVisiable屬性

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

AxisTickColor屬性 AxisTickLength屬性 AxisTickSplitNum屬性 AxisTickVisiable屬性 圖5 圖6 圖7 圖8

h.EndAngle屬性

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

i.Location屬性

讓控件顯示在合適的位置(5, 37),如圖10;

j.MaxValue屬性

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

k.MinValue屬性

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

EndAngle屬性 Location屬性 MaxValue屬性 MinValue屬性 圖9 圖10 圖11 圖12

l.PointerColor屬性

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

m.PointerLength屬性

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

n.PointerVisiable屬性

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

o.PointerWidth屬性

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

PointerColor屬性 PointerLength屬性 PointerVisiable屬性 PointerWidth屬性 圖13 圖14 圖15 圖16

p.Size屬性

設置控件的寬度和高度,將該屬性設置為(108, 75),如圖17;

q.SplitLineColor屬性

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

r.SplitLineLength屬性

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

s.SplitLineVisiable屬性

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

Size屬性 SplitLineColor屬性 SplitLineLength屬性 SplitLineVisiable屬性 圖17 圖18 圖19 圖20

t.SplitNum屬性

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

u.StartAngle屬性

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

v.Text屬性

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

w.TextForeColor屬性

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

SplitNum屬性 StartAngle屬性 Text屬性 TextForeColor屬性 圖21 圖22 圖23 圖24

s.Title屬性

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

y.TitleForeColor屬性

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

z.Value屬性

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

Title屬性 TitleForeColor屬性 Value屬性 圖25 圖26 圖27

二、手機效果顯示

手機效果顯示

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved