画像にトレースを描画します。
画像上のトレースのみを保存することも、画像を注釈とともに保存することもできます。
このコントロールは、グリッド内に配置できません。グリッドではスクロールが生成されるため、トレースがスクロール軸に描画された場合、トリガーされるイベントはトレースではなくスクロールになります。
[ Trace Color ] プロパティ
[ Trace Thickness ] プロパティ
変更された画像を注釈とともに保存します。
&ResultImage = &AnnotationImage.GetAnnotadeImage()
画像に加えられた注釈のみを保存します。
&AnnotationsImage = &AnnotationImage.GetAnnotations()
最後のトレースを元に戻します。デバイスの画面に触れてから手を放すまでのトレースが削除されます。
&AnnotationImage.Undo()
Undo で破棄された直前のトレースを再描画します。
&AnnotationImage.Redo()
注:
いずれの場合も、新しいトレースを描画するときに、トレース履歴が変更されます。
レンタカー会社がレンタル手続きにアプリケーションを使用しています。車を引き渡すときは、担当者および顧客の両者で、傷やへこみがないかどうかを確認します。気づいた点は担当者が記録します。
この例では、このコントロールのメソッドをいくつか使用して、次に示す画面を設計する手順を示します:
 
手順 1:
Panel オブジェクトを作成し、Image データタイプに基づく項目属性/変数をメインテーブルまでドラッグします。画像の [ Control Type ] プロパティを「Image Annotations」に設定します。
手順 2:
トレースの太さを指定するための画像や、トレースの削除や復元のための画像を入力します。これらの画像について、次のイベントをスケジュールします。
Event Start
&CarImage.FromImage("ExampleImageCar")
Endevent
//背景画像に描画するトレースの太さ (dip 単位) を設定する。
Event ImageNarrowLine.Tap
&CarImage.TraceThickness = 1
Endevent
Event ImageWideLine.Tap
&CarImage.TraceThickness = 3
Endevent
// ユーザーが直前に描画したトレースを元に戻す。
Event ImageUndo.Tap
&CarImage.Undo()
Endevent
// Undo で破棄された直前のトレースを再描画する。
Event ImageRedo.Tap
&CarImage.Redo()
Endevent
手順 3:
最後に、トレースに使用可能な色を示す画像を追加します。それぞれの色の Tap イベントをプログラミングします。この方法で、実行時にトレースの色を変更できます。
// トレースの色を設定する。
Event ImageBlack.Tap
&CarImage.TraceColor = rgb(0,0,0)
Endevent
Event ImageRed.Tap
&CarImage.TraceColor = rgb(249,104,104)
Endevent
Event ImageBlue.Tap
&CarImage.TraceColor = rgb(94,169,231)
Endevent
Event ImageGreen.Tap
&CarImage.TraceColor = rgb(164,220,141)
Endevent
Event ImageMustard.Tap
&CarImage.TraceColor = rgb(255,217,87)
Endevent
提案されたシナリオに合わせてアプリケーションをプログラミングします。
サンプルのダウンロード: サンプルの SD Annotations
ジェネレーター: Apple
iOS では GeneXus 16 Upgrade 9 以降で利用できます。
Android では GeneXus 16 Upgrade 10 以降で利用できます。
[ Trace Thickness ] プロパティ
[ Trace Color ] プロパティ
|