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

Post date: 2015/12/8 下午 12:24:29

原作者 http://no2don.blogspot.com/search/label/Xamarin

因為專案需求,要用到使用者自己畫出簽名,原本要自己做,後來發現,溫馨的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