Visual Studio 2017移動開發

控件介紹和使用方式：Numeric控件

Smobiler開發平臺，.NET移動開發

一、 樣式一

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

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

1. 修改Numeric的屬性
   1. BackColor屬性

設置控件的背景色，默認設置為“White”，如圖1；

圖 1

若將該屬性設置為“128, 255, 255”，顯示結果如圖2，設置界面如圖3；

圖 2

圖 3

1. BackColorAlpha屬性

設置控件背景色透明度，默認設置為“255”，即不透明，如圖4；

圖 4

若將該屬性設置為“0”，該控件的背景色即為全透明的，顯示為Smobiler窗體設計界面的背景色。

1. Border屬性

設置控件邊框，默認設置為“0,0,0,0”，如圖5；

圖 5

若將該屬性設置為“1,1,1,1”，則控件的四周都有邊框，顯示界面如圖6，設置界面如圖7；

圖 6

圖 7

1. BorderColor屬性

設置控件邊框顏色，默認設置為“Black”，如圖8；

圖 8

1. BorderRadius屬性

設置控件邊框的角度，默認設置為“0”，即控件邊框的角度呈直角，如圖9；

圖 9

若將該屬性設置為“10”，控件則顯示為圓角，如圖10、圖11。

圖 10顯示界面

圖 11設置界面

1. BorderSize屬性

設置控件邊框大小，默認設置為“0.1”，如圖12；

圖 12

若將該屬性設置為“10”，控件邊框則會變粗，如圖13、圖14；

圖 13顯示界面

圖 14設置界面

1. Enabled屬性

設置控件是否可以對用戶交互作出響應，將該屬性設置為“True”，則控件則可以與用戶進行交互，如圖15；

圖 15

1. ForeSize屬性

設置控件字體大小，默認設置為“6”，則該控件的字體大小為6，如圖16；

圖 16

若將該屬性設置為“12”，控件的字體則會變大。

1. ForeColor屬性

設置控件字體的顏色，默認設置為“Black”，即控件字體的顏色為黑色，如圖17；

圖 17

1. Format屬性

設置文本格式，默認設置為空。可以通過該屬性設置文本的顏色、大小等。

1. GenerateMember屬性

設置控件是否生成成員變量，將該屬性設置為“True”，則該控件能被其他方法引用，如圖18；

圖 18

1. Location屬性

讓控件顯示在合適的位置（50, 32），如圖19；

圖 19

1. Modifiers屬性

設置控件的可見性級別，默認設置為“Private”，其他的窗體則訪問不到該控件，如圖20；

圖 20

若將Modifiers屬性設置為“Public”，其他窗體則都可以訪問該控件。

1. Name屬性

設置控件名稱為“numeric1”，如圖21；

圖 21

1. Padding屬性

設置控件邊框內容間隔，默認設置為“0,0,0,0”，即控件沒有邊框內容間隔，如圖22；

圖 22

若將該屬性設置為“2,2,2,2”，即控件與邊框之間的間隔變大。

1. Size屬性

讓控件大小為（45, 10），如圖23；

圖 23

1. Value屬性

設置控件默認值，將該屬性設置為“1”，即控件顯示的數值默認從1開始，如圖24；

圖 24

1. Variation屬性

設置控件變化值，默認設置為“1”，即控件顯示的數值每次變化值為1，如圖25；

圖 25

1. Visible屬性

設置控件是否顯示，將Visible屬性設置為“True”，如圖26；

圖 26

若將Visible屬性設置為“False”，控件則無法顯示。

1. MaxValue屬性

設置控件最大值，默認設置為“100”，即控件顯示的數值最大值為100，如圖27；

圖 27

1. MinValue屬性

設置控件最小值，將該屬性設置為“1”，即控件顯示的數值最小值為1，如圖28；

圖 28

1. Smobiler窗體設計界面顯示效果

二、 手機效果顯示

VS2017移動開發（C#、VB.NET）——Numeric控件的使用方式