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

时间:2022-03-28 15:30:23

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

一、目标样式

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

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

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

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

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;

.Net语言 APP开发平台——Smobiler学习日志:如何在手机上实现电子签名功能 .Net语言 APP开发平台——Smobiler学习日志:如何在手机上实现电子签名功能 .Net语言 APP开发平台——Smobiler学习日志:如何在手机上实现电子签名功能 .Net语言 APP开发平台——Smobiler学习日志:如何在手机上实现电子签名功能
图1 图2 图3 图4
.Net语言 APP开发平台——Smobiler学习日志:如何在手机上实现电子签名功能
图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;

.Net语言 APP开发平台——Smobiler学习日志:如何在手机上实现电子签名功能 .Net语言 APP开发平台——Smobiler学习日志:如何在手机上实现电子签名功能 .Net语言 APP开发平台——Smobiler学习日志:如何在手机上实现电子签名功能 .Net语言 APP开发平台——Smobiler学习日志:如何在手机上实现电子签名功能
图6 图7 图8 图9
.Net语言 APP开发平台——Smobiler学习日志:如何在手机上实现电子签名功能 .Net语言 APP开发平台——Smobiler学习日志:如何在手机上实现电子签名功能
图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窗体设计界面显示效果

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

二、手机效果显示

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