用VS2017進行移動開發（C#、VB.NET）——OfflineCameraButton控件

 

OfflineCameraButton控件

1、          樣式一

 

咱們要實現上圖中的效果，須要以下的操做：

1. 從工具欄上的「Smobiler Components」拖動一個OfflineCameraButton控件到窗體界面上

 

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

設置控件的背景色，默認設置爲「White」，如圖1；

 

圖 1

1. BackColorAlpha屬性

設置控件背景色透明度，默認設置爲「255」，即不透明，如圖2；

 

圖 2

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

1. Border屬性

設置控件邊框，默認設置爲「0,0,0,0」，如圖3；

 

圖 3

1. BorderColor屬性

設置控件邊框顏色，默認設置爲「Black」，如圖4；

 

圖 4

1. BorderRadius屬性

設置控件邊框的角度，默認設置爲「0」，即控件邊框的角度呈直角，如圖5；

 

圖 5

1. BorderSize屬性

設置控件邊框大小，默認設置爲「0.1」，如圖6；

 

圖 6

1. Enabled屬性

設置控件是否能夠對用戶交互做出響應，將該屬性設置爲「True」，則控件則能夠與用戶進行交互，如圖7；

 

圖 7

1. ForeSize屬性

設置控件字體大小，默認設置爲「4」，則該控件的字體大小爲4，如圖8；

 

圖 8

若將該屬性設置爲「12」，控件的字體則會變大。

1. ForeColor屬性

設置控件字體的顏色，默認設置爲「Black」，即控件字體的顏色爲黑色，如圖9；

 

圖 9

1. Format屬性

設置文本格式，默認設置爲空。能夠經過該屬性設置文本的顏色、大小等。

1. GenerateMember屬性

設置控件是否生成成員變量，將該屬性設置爲「True」，則該控件能被其餘方法引用，如圖10；

 

圖 10

1. HorizontalAlignment屬性

設置控件文本水平方向，默認設置爲「Center」，如圖11；

 

圖 11

1. HoverBackColor屬性

設置按鈕選中時的背景顏色，默認設置爲「Gray」，如圖12；

 

圖 12

1. HoverForeColor屬性

設置按鈕選中時的字體顏色，默認設置爲「Black」，如圖13；

 

圖 13

1. Location屬性

讓控件顯示在合適的位置（100, 7），如圖14；

 

圖 14

1. Modifiers屬性

設置控件的可見性級別，默認設置爲「Private」，其餘的窗體則訪問不到該控件，如圖15；

 

圖 15

若將Modifiers屬性設置爲「Public」，其餘窗體則均可以訪問該控件。

1. Name屬性

設置控件名稱爲「offlineCameraButton1」，如圖16；

 

圖 16

1. Padding屬性

設置控件邊框內容間隔，默認設置爲「0,0,0,0」，即控件沒有邊框內容間隔，如圖17；

 

圖 17

若將該屬性設置爲「2,2,2,2」，即控件與邊框之間的間隔變大。

1. ResourceID屬性

設置按鈕圖標名稱，將該屬性設置爲「ca」，如圖18；

 

圖 18

1. Size屬性

讓控件大小爲（15, 12），如圖19；

 

圖 19

1. SizeMode屬性

設置如何顯示圖片，默認設置爲「Zoom」，即極速顯示圖片，如圖20；

 

圖 20

若SizeMode屬性設置爲「StretchImage」時，圖片能夠按圖片框的大小比例縮放顯示。

1. TimeOut屬性

設置客戶端獲取條碼的超時時間（毫秒），默認設置爲「60000」，如圖21；

 

圖 21

1. Underline屬性

設置文本下劃線，默認設置爲「False」，如圖22；

 

圖 22

1. VerticalAlignment屬性

設置控件文本水平方向，默認設置爲「Center」，如圖23；

 

圖 23

1. Visible屬性

設置控件是否顯示，將Visible屬性設置爲「True」，如圖24；

 

圖 24

若將Visible屬性設置爲「False」，控件則沒法顯示。

1. OfflineImageCaptured事件

VB：

Private Sub OfflineCameraButton1_OfflineImageCaptured(sender As Object, e As APIResourceData) Handles OfflineCameraButton1.OfflineImageCaptured

        Me.MessageBox.Show("提示：offline")

    End Sub

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

 

2、          手機效果顯示

 

 

 

 

備註：在手機客戶端的設置中能夠找到你的離線圖片。

 

--------------------------------------------分割線--------------------------------------------

Smobiler是什麼——Smobiler能讓你在Visual Studio上開發APP，用C#、VB語言寫APP