你的位置:首页 > ASP.net教程

[ASP.net教程].Net语言 APP开发平台——Smobiler学习日志:如何在手机上实现电子签名功能


最前面的话:Smobiler是一个在VS环境中使用.Net语言来开发APP的开发平台,也许比Xamarin更方便

一、目标样式

目标样式

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

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

目标样式

2.修改ImageButton的属性

a.BackColor属性

设置控件的背景色,将该属性设置为“128, 255, 128”,表示RGB颜色,如图1;

b.BackColorAlpha属性

设置控件背景色透明度,将该属性设置为“0”,即全透明,如图2;

c.Location属性

让控件显示在合适的位置(22, 86),如图3;

d.ResourceID属性

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

e.Size属性

设置控件的宽度和高度,将该属性设置为(53, 21),如图5;

backcolor属性backcoloralpha属性location属性resourceid属性
图1图2图3图4
size属性
图5

e.ImageButton的Click事件

VB:  Private Sub ImageButton1_Click(sender As Object, e As EventArgs) Handles ImageButton1.Click    Signature1.GetSignature()  End Sub
C#:  private void ImageButton1_Click(object sender, EventArgs e)  {    Signature1.GetSignature();  }

注:调用Signature签名控件

3.修改Signature的属性

a.BackColor属性

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

b.ForeColor属性

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

c.GenerateMember属性

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

d.Modifiers属性

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

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

e.Name属性

设置控件名称为“signature1”,如图8;

f.PictureQuality属性

设置图像质量,将该属性设置为“10”,如图11;

backcolor属性forecolor属性generatemember属性modifiers属性
图6图7图8图9
name属性picturequality属性
图10图11

g.SignatureCompleted事件

VB:  Private Sub Signature1_SignatureCompleted(sender As Object, e As BinaryData) Handles Signature1.SignatureCompleted    If e.ErrorInfo.Trim().ToString().Length <= 0 Then      e.SaveFile()      ImageButton1.ResourceID = e.ResourceID    End If  End Sub
C#:  private void Signature1_SignatureCompleted(object sender, BinaryData e)  {    if (e.ErrorInfo.Trim().ToString().Length <= 0))    {      e.SaveFile();      ImageButton1.ResourceID = e.ResourceID;     }  }

4.Smobiler窗体设计界面显示效果

界面效果显示

二、手机效果显示

手机效果显示手机效果显示手机效果显示手机效果显示