[Xamarin] Android 中製作簽名板Signature Pad,並取得Bitmap

2015-08-13

因為專案需求,要用到使用者自己畫出簽名,原本要自己做,後來發現,溫馨的Xamarin 有提供

Image 006
所以寫文紀錄一下,給之後有需要碰到的人
1.在專案中Components按下右鍵選擇Get More Components
Image 007

搜尋 Signature Pad
Image 004

之後就下載安裝拉
Image 005

2. 介紹案例說明

Image 008

簽名板會放在 sContainer ,按下 btnGetImage 後會把簽名的Bitmap 放在 iomgShow 裡面

3. 之後就適時做部分 C# Code:


//宣告一個簽名版的View 
var signature = new SignaturePadView(this);
 
 
//粗細為10f
signature.StrokeWidth = 10f;
 
//將簽名板放在sContainer 之中
FindViewById<LinearLayout>(Resource.Id.sContainer).AddView(signature, new ViewGroup.LayoutParams(ViewGroup.LayoutParams.FillParent, ViewGroup.LayoutParams.FillParent));
 
 
//設定按鈕按下後,將bitmap  放在imgShow裡面
Button btnGetImage = FindViewById<Button>(Resource.Id.btnGetImage);
btnGetImage.Click += delegate
{
 
    var image = signature.GetImage();
    FindViewById<ImageView>(Resource.Id.imgShow).SetImageBitmap(image);
};

結果:

Screenshot_2015-08-13-11-02-26
其中


signature.StrokeWidth = 10f;

是設定筆畫粗細,如果要設定比較細項是3f結果是:
Screenshot_2015-08-13-10-54-50

sample code:


當麻許的超技八 2014 | Donma Hsu Design.