QRコード・スキャナーと音声認識を使おう！ (1/6)

今回から、App Inventorに用意されているさまざまな機能について少しずつ紹介していくことにしましょう。まずは、「単機能で、覚えるとすぐに便利なアプリが作れる」ものとして、QRコード・スキャナーの機能からです。

これは、App Inventorのパレットにある「Other Stuff」というところに用意されています。「BarcodeScanner」という部品がそれです。これは、文字通りバーコード（およびQRコード）をスキャンするためのものです。

この部品は、「画面に表示されない部品」です。つまり、機能だけが用意されており、GUIの部分はありません。こういう見えない部品もApp Inventorにはいろいろとあるのです。機能だけですので、デザイン画面では単に部品をドラッグして配置するだけです。プロパティの設定などはありませんし、レイアウトの調整も不要です。そして、ブロック・エディタで処理を作成するときに、配置した部品の機能を利用する、というわけです。



では、実際にBarcodeScannerを使ってみましょう。ごく簡単なバーコード・リーダーを作ってみることにします。まずはGUIのデザインから作成をしていきましょう。ここでは、以下の４つの部品を配置します。

Button
これは、バーコードの取り込みを実行するためのボタンです。「Button1」という名前で用意されます。表示テキスト等は適当に変更しておきましょう。

TextBox
スキャンして読み取ったテキストを表示するためのものです。「TextBox1」という名前で用意されます。これは、テキストが使いやすいようにWidthを「Fill Parent」にしておくとよいでしょう。

BarcodeScanner
これが、今回の目玉です。「Other stuff」からアイコンをビューワにドラッグ＆ドロップしてください。これは見えない部品なので、ビューワのウインドウ内には表示されません。その下に、アイコンだけ表示されます。名前は「BarcodeScanner1」となります。

Notifier
これは、簡単なアラートやダイアログなどのメッセージを表示するための部品です。これも見えない部品なので、ビューワにドロップすると下の方にアイコンだけ追加されます。「Notifier1」という名前です。

(by. SYODA-Tuyano.)

※リストが表示されない場合

AddBlockなどの広告ブロックツールがONになっているとリストなどが表示されない場合があります。これらのツールをOFFにしてみてください。