メインコンテンツまでスキップ

Scanner

Scannerウィジェットは、デバイスのカメラでQRコードとバーコードを認識するウィジェットです。
認識したコードがWebリンクの場合は画面下部のバナーからすぐに開けます。認識したテキストはスクリプトで活用できます。

定義・役割

Scannerウィジェットは、カメラプレビューの上にスキャンガイド領域を描画し、その中に入ったQRコードまたはバーコードを認識します。認識に成功すると、最後に認識したテキストが保存され、onChanged動作が実行されます。編集(デザイン)モードではカメラの代わりにプレビュー案内が表示され、アプリを実行すると実際のカメラが動作します。

  • カテゴリー: Contents
  • デフォルトのスキャン対象: QRコード
  • デフォルトのカメラ: 背面
  • デフォルトのサイズ(Sized Box): 幅infi、高さ200

機能

機能説明
QR・バーコード認識カメラでQRコードまたは1Dバーコードを認識します。formatsで認識対象を選びます。
リンクバナー認識したコードがhttp/httpsリンクの場合、画面下部にバナーを表示し、열기(開く)をタップするとアプリ内のWebビューで開きます。
最後に認識したテキスト直近に認識したコードのテキストを保存し、onChanged動作に渡します。
カメラ・フラッシュ設定前面/背面カメラの選択と、フラッシュ(トーチ)の点灯を設定します。
認識間隔detectionTimeoutMsで認識処理の間隔(ミリ秒)を調整します。

使い方

  1. 左のウィジェットパレットでContentsカテゴリーを開きます。
  2. Scanner項目をキャンバスにドラッグ&ドロップします。
  3. 右側のPropertiesパネルで、スキャン対象(formats)やカメラの向き(lensFacing)などを設定します。
  4. 必要に応じて、コードを認識した後に実行する動作(ロジック・スクリプト)をonChangedに接続します。
  5. アプリを実行すると、カメラが起動してスキャン領域内のコードを認識します。

プロパティ

プロパティ説明デフォルト値値/タイプ
lastScannedText直近に認識したコードのテキスト未指定文字列
lensFacing使用するカメラの向きback(背面)back, front
torchEnabledフラッシュ(トーチ)の点灯false(オフ)真/偽
formats認識するコードの種類qrqr, barcode
detectionTimeoutMs認識処理の間隔(ミリ秒)250数値(ms)
showLinkBannerリンクバナーを表示するかどうかtrue(オン)真/偽

注意・ヒント

警告

カメラを使用するため、実際の認識はアプリ実行中のみ動作します。編集(デザイン)モードではプレビュー案内のみが表示され、デバイスのカメラ権限が必要です。

ヒント

formatsbarcodeにすると、code128・ean13・upcなど複数の1Dバーコードをまとめて認識し、qrにするとQRコードのみを認識します。同じリンクは2秒以内に再度認識されても、バナーを再表示しません。

さらに詳しく

ヒント

このウィジェットをスクリプトで制御するWidget Control(Property・Method・Event)の全体は、Scanner Widget Controlドキュメントで確認してください。