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

图1	图2	图3	图4
图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；

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

二、手机效果显示