QR Code von Flex auf dem iPhone

QR Codes dürften mittlerweile fast jedem ein Begriff sein. Es handelt sich um eine Art zweidimensionaler Barcode, der Textinformationen enthält. Der Text kann beispielsweise die Webadresse einer Promoaktion sein (z.B. auf einem Plakat oder einer Anzeige).

Ausgelesen werden können die Information prinzipiell von jedem Gerät mit einer Kamera, das eine entsprechende Software enthält. In der Abbildung oben ist das kostenlos Programm „Barcodes” auf dem iPhone zu sehen.

Generieren der QR Codes

In diesem Beispiel wird gezeigt, wie man diese auf sehr einfache Weise mithilfe der Google Chart API erstellen kann. Dazu ruft man lediglich eine bestimmte URL (http://chart.apis.google.com/chart) auf und hängt einige Parameter wie den zu codierenden Text und die Größe der Grafik an.

Beispiel

Dies sieht dann so aus:

Get Adobe Flash player

Quellcode

PLAIN TEXT
XML:
  1. <?xml version="1.0" encoding="utf-8"?>
  2. :Application xmlns:mx="http://www.adobe.com/2006/mxml">
  3.    
  4.     :Script>
  5.        
  6.            
  7.         [Bindable] 
  8.         public var qrcodeURL:String;
  9.        
  10.         public function generateQRCode():void {
  11.            
  12.             // Google API Base URL
  13.             qrcodeURL = "http://chart.apis.google.com/chart";
  14.            
  15.             // QRCode wählen
  16.             qrcodeURL += "?cht=qr";
  17.            
  18.             // eigentliche Textinformation
  19.             qrcodeURL += "&chl=" + myTextInput.text;
  20.            
  21.             // Größe der Grafik
  22.             qrcodeURL += "&chs=250x250";
  23.            
  24.             // Output Encoding
  25.             qrcodeURL += "&choe=UTF-8";
  26.            
  27.             myImage.source = qrcodeURL;
  28.         }
  29.            
  30.         ]]>
  31.     :Script>
  32.    
  33.    
  34.    
  35.           
  36.     :TextInput id="myTextInput" />
  37.     :Button label="QRCode erstellen" click="generateQRCode()" />
  38.    
  39.     :Image id="myImage" width="250" height="250" />
  40.    
  41. :Application>

Link: Google Chart API (QR codes)
Link: Create QR codes with Flex and Google API