用VS2017进行移动开发(C#、VB.NET)——OfflineCameraButton控件,Smobiler移动开发

用VS2017进行移动开发(C#、VB.NET)——OfflineCameraButton控件,Smobiler移动开发_第1张图片

OfflineCameraButton控件

一、          样式一

 

我们要实现上图中的效果,需要如下的操作:

  1. 从工具栏上的“Smobiler Components”拖动一个OfflineCameraButton控件到窗体界面上

 用VS2017进行移动开发(C#、VB.NET)——OfflineCameraButton控件,Smobiler移动开发_第2张图片

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

设置控件的背景色,默认设置为“White”,如图1;

 用VS2017进行移动开发(C#、VB.NET)——OfflineCameraButton控件,Smobiler移动开发_第3张图片

图 1

  1. BackColorAlpha属性

设置控件背景色透明度,默认设置为“255”,即不透明,如图2;

 用VS2017进行移动开发(C#、VB.NET)——OfflineCameraButton控件,Smobiler移动开发_第4张图片

图 2

若将该属性设置为“0”,该控件的背景色即为全透明的,显示为Smobiler窗体设计界面的背景色。

  1. Border属性

设置控件边框,默认设置为“0,0,0,0”,如图3;

 用VS2017进行移动开发(C#、VB.NET)——OfflineCameraButton控件,Smobiler移动开发_第5张图片

图 3

  1. BorderColor属性

设置控件边框颜色,默认设置为“Black”,如图4;

 用VS2017进行移动开发(C#、VB.NET)——OfflineCameraButton控件,Smobiler移动开发_第6张图片

图 4

  1. BorderRadius属性

设置控件边框的角度,默认设置为“0”,即控件边框的角度呈直角,如图5;

 用VS2017进行移动开发(C#、VB.NET)——OfflineCameraButton控件,Smobiler移动开发_第7张图片

图 5

  1. BorderSize属性

设置控件边框大小,默认设置为“0.1”,如图6;

 用VS2017进行移动开发(C#、VB.NET)——OfflineCameraButton控件,Smobiler移动开发_第8张图片

图 6

  1. Enabled属性

设置控件是否可以对用户交互作出响应,将该属性设置为“True”,则控件则可以与用户进行交互,如图7;

 用VS2017进行移动开发(C#、VB.NET)——OfflineCameraButton控件,Smobiler移动开发_第9张图片

图 7

  1. ForeSize属性

设置控件字体大小,默认设置为“4”,则该控件的字体大小为4,如图8;

 用VS2017进行移动开发(C#、VB.NET)——OfflineCameraButton控件,Smobiler移动开发_第10张图片

图 8

若将该属性设置为“12”,控件的字体则会变大。

  1. ForeColor属性

设置控件字体的颜色,默认设置为“Black”,即控件字体的颜色为黑色,如图9;

 用VS2017进行移动开发(C#、VB.NET)——OfflineCameraButton控件,Smobiler移动开发_第11张图片

图 9

  1. Format属性

设置文本格式,默认设置为空。可以通过该属性设置文本的颜色、大小等。

  1. GenerateMember属性

设置控件是否生成成员变量,将该属性设置为“True”,则该控件能被其他方法引用,如图10;

 用VS2017进行移动开发(C#、VB.NET)——OfflineCameraButton控件,Smobiler移动开发_第12张图片

图 10

  1. HorizontalAlignment属性

设置控件文本水平方向,默认设置为“Center”,如图11;

 用VS2017进行移动开发(C#、VB.NET)——OfflineCameraButton控件,Smobiler移动开发_第13张图片

图 11

  1. HoverBackColor属性

设置按钮选中时的背景颜色,默认设置为“Gray”,如图12;

 用VS2017进行移动开发(C#、VB.NET)——OfflineCameraButton控件,Smobiler移动开发_第14张图片

图 12

  1. HoverForeColor属性

设置按钮选中时的字体颜色,默认设置为“Black”,如图13;

 用VS2017进行移动开发(C#、VB.NET)——OfflineCameraButton控件,Smobiler移动开发_第15张图片

图 13

  1. Location属性

让控件显示在合适的位置(100, 7),如图14;

用VS2017进行移动开发(C#、VB.NET)——OfflineCameraButton控件,Smobiler移动开发_第16张图片 

图 14

  1. Modifiers属性

设置控件的可见性级别,默认设置为“Private”,其他的窗体则访问不到该控件,如图15;

用VS2017进行移动开发(C#、VB.NET)——OfflineCameraButton控件,Smobiler移动开发_第17张图片 

图 15

若将Modifiers属性设置为“Public”,其他窗体则都可以访问该控件。

  1. Name属性

设置控件名称为“offlineCameraButton1”,如图16;

 用VS2017进行移动开发(C#、VB.NET)——OfflineCameraButton控件,Smobiler移动开发_第18张图片

图 16

  1. Padding属性

设置控件边框内容间隔,默认设置为“0,0,0,0”,即控件没有边框内容间隔,如图17;

 用VS2017进行移动开发(C#、VB.NET)——OfflineCameraButton控件,Smobiler移动开发_第19张图片

图 17

若将该属性设置为“2,2,2,2”,即控件与边框之间的间隔变大。

  1. ResourceID属性

设置按钮图标名称,将该属性设置为“ca”,如图18;

 用VS2017进行移动开发(C#、VB.NET)——OfflineCameraButton控件,Smobiler移动开发_第20张图片

图 18

  1. Size属性

让控件大小为(15, 12),如图19;

 用VS2017进行移动开发(C#、VB.NET)——OfflineCameraButton控件,Smobiler移动开发_第21张图片

图 19

  1. SizeMode属性

设置如何显示图片,默认设置为“Zoom”,即极速显示图片,如图20;

 用VS2017进行移动开发(C#、VB.NET)——OfflineCameraButton控件,Smobiler移动开发_第22张图片

图 20

若SizeMode属性设置为“StretchImage”时,图片可以按图片框的大小比例缩放显示。

  1. TimeOut属性

设置客户端获取条码的超时时间(毫秒),默认设置为“60000”,如图21;

用VS2017进行移动开发(C#、VB.NET)——OfflineCameraButton控件,Smobiler移动开发_第23张图片 

图 21

  1. Underline属性

设置文本下划线,默认设置为“False”,如图22;

 用VS2017进行移动开发(C#、VB.NET)——OfflineCameraButton控件,Smobiler移动开发_第24张图片

图 22

  1. VerticalAlignment属性

设置控件文本水平方向,默认设置为“Center”,如图23;

 用VS2017进行移动开发(C#、VB.NET)——OfflineCameraButton控件,Smobiler移动开发_第25张图片

图 23

  1. Visible属性

设置控件是否显示,将Visible属性设置为“True”,如图24;

 用VS2017进行移动开发(C#、VB.NET)——OfflineCameraButton控件,Smobiler移动开发_第26张图片

图 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窗体设计界面显示效果

 用VS2017进行移动开发(C#、VB.NET)——OfflineCameraButton控件,Smobiler移动开发_第27张图片

二、          手机效果显示

 用VS2017进行移动开发(C#、VB.NET)——OfflineCameraButton控件,Smobiler移动开发_第28张图片用VS2017进行移动开发(C#、VB.NET)——OfflineCameraButton控件,Smobiler移动开发_第29张图片

 用VS2017进行移动开发(C#、VB.NET)——OfflineCameraButton控件,Smobiler移动开发_第30张图片用VS2017进行移动开发(C#、VB.NET)——OfflineCameraButton控件,Smobiler移动开发_第31张图片

 

 

备注:在手机客户端的设置中可以找到你的离线图片。

 用VS2017进行移动开发(C#、VB.NET)——OfflineCameraButton控件,Smobiler移动开发_第32张图片用VS2017进行移动开发(C#、VB.NET)——OfflineCameraButton控件,Smobiler移动开发_第33张图片

--------------------------------------------分割线--------------------------------------------

Smobiler是什么——Smobiler能让你在Visual Studio上开发APP,用C#、VB语言写APP

用VS2017进行移动开发(C#、VB.NET)——OfflineCameraButton控件,Smobiler移动开发_第34张图片

 

 

 

转载于:https://www.cnblogs.com/amanda112/p/9298208.html

你可能感兴趣的:(用VS2017进行移动开发(C#、VB.NET)——OfflineCameraButton控件,Smobiler移动开发)