電子署名ウィジェット単体テスト

電子署名ウィジェット単体テスト

このアプリケーションは、電子署名ウィジェットの設定方法と使用方法を説明します。

目的

電子署名ウィジェットユニットテストの目的は、ユーザーがTulipアプリケーションで電子署名ウィジェットをセットアップして使用する方法を学び、理解することです。カスタムウィジェットは、Tulipプラットフォームの上に配置され、現在メインプラットフォームに含まれていない追加機能を提供するコード化されたウィジェットです。電子署名カスタムウィジェットを使用すると、書面による電子署名をキャプチャし、この署名をテーブルレコードに保存することができます。このウィジェットを使用すると、タブレットの手書き署名やデスクトップのスケッチ署名をキャプチャすることができます。

セットアップ

Custom Widget Pluginは、プロパティとイベントを使ってアプリケーションと連動します。プロパティは、アプリケーションとウィジェットの間に存在する共有データで、イベントは、ウィジェットがアプリケーションに送信できる信号です。アプリのエディタでは、これらのイベントに基づいてトリガーを構築することができます。イベントは、アプリケーションにデータを送信することもできます。

Written Electronic Signature Custom Widgetは、4つのプロパティと3つのイベントを使用しています。最初に使用されるプロパティは、「Submit button color」と呼ばれ、タイプはcolorで、読み取り専用です。これにより、送信ボタンの色を設定することができます。2つ目のプロパティは、「Button text color」で、タイプはcolor、読み取り専用です。これは、送信ボタンとクリアボタンのテキストの色を設定することができます。3つ目のプロパティは、「クリアボタンの色」と呼ばれ、タイプはcolorで読み取り専用です。これは、クリアボタンの色を設定することができます。最後に使用されているプロパティは、「ペン色」と呼ばれ、タイプはcolorで読み取り専用です。これは、署名ペンの色を設定することができます。

このカスタムウィジェットで使用される最初のイベントは、'Signature Submitted'で、このイベントは署名を画像として返し、署名画像をテーブルレコードに保存することができます。このカスタムウィジェットで使用されている2つ目のイベントは '警告' で、署名ボックスが空白のときに送信ボタンがクリックされると、このイベントが発生して警告メッセージが返されます。

動作原理

電子署名カスタムウィジェットを使用すると、書面による電子署名をキャプチャし、この署名をテーブルレコードに保存することができます。このウィジェットを使用すると、タブレットの手書き署名やデスクトップのスケッチ署名をキャプチャすることができます。電子署名カスタムウィジェットの動作例は、以下のGIFで見ることができます。

{height="" width=""}.