PC Magazin mit Film DVD Windows Extreme (Vorschau)

118
it professional
EigEnE Apps
Das virtuelle Handy ist bereit:
Mit dem Mauszeiger greifen Sie
auf die gleichen Funktionen
zu, die Sie von Ihrem eigenen
Android-Smartphone kennen.
hören Sie ein zartes Maunzen. Ihre Apps geben
Sie als so genanntes Application Package
(.apk) weiter. Wenn Sie im AI Designer auf
die Schaltfläche Package for Phone klicken,
stehen Ihnen im aufklappenden Menü drei
Optionen zur Auswahl: Wenn Sie Ihr Telefon
angeschlossen haben, wählen Sie Download
to connected phone, um die App direkt auf Ihr
Handy zu installieren. Wollen Sie die .apk-Datei
selbst, speichern Sie sie über die Option
Download to this Computer. APK-Dateien können
Sie per ADB-Programm auf Smartphones
installieren.
Die Beispielprojekte des Artikels finden Sie
als Application Package auf der Heft-DVD.
Anspruchsvolle Anwendungen
Sie brauchen bei der Android-App-Entwicklung
viele Basisfunktionen nicht neu aufzusetzen,
sondern verwenden einfach die
vorhandenen, die in den meisten Fällen bereits
als AI-Komponenten integriert sind. Auf
diese Weise gelingt es Ihnen, beeindruckend
leistungsfähige Apps ohne großen Aufwand
und mit überschaubaren
Blockstrukturen zu entwickeln.
Eine App mit Kamerafunktion
und Bildanzeige ist
beispielsweise mit wenigen
Handgriffen fertig. Erstellen
Sie im AI Designer ein neues
Projekt. Ziehen Sie eine
Camera-Komponente aus
der Kategorie Media auf den
Viewer. Der Benutzer der App
soll später per Button-Klick
die Kamerafunktion aufrufen
und ein Foto schießen können,
das dann zusammen
mit dem Verzeichnispfad
der gespeicherten Bilddatei
auf dem Display angezeigt
wird. Zur Anzeige des Fotos
verwenden Sie ein Image- und für die Anzeige
des Verzeichnispfades ein Label-Element. Außerdem
benötigen Sie einen Button. Fügen Sie
diese Komponenten ebenfalls Ihrer App hinzu.
Die Kamera erscheint als nicht sichtbare Komponente
im Komponentenfach unterhalb des
Viewers. Ändern Sie die Text-Eigenschaft des
Buttons zu Fotografieren und die des Labels
zu Speicherort des Fotos. Außerdem bietet es
sich an, für das Screen-Element einen Titel zu
vergeben (Eigenschaft Title), z.B. Fotokamera
mit Bildanzeige.
Rufen Sie nun den Blocks Editor auf. Ziehen
Sie dort den Ereignisblock Button1.Click (Register
My Blocks) auf die Editorfläche und klinken
Sie in diesen die Methode Camera1.Take-
Picture ein. In dieser Methode sind sämtliche
Funktionen implementiert, die zum Aufruf
der Systemkamera notwendig sind. Sie müssen
jetzt nur noch dafür zu sorgen, dass das
Foto und dessen Speicherort auf dem Display
erscheinen. Dafür benötigen Sie eine zweite
Ereignisroutine, die das Camera-Objekt
zur Verfügung stellt. Schauen Sie sich einfach
im Register My Blocks die zur Verfügung
stehenden Member der Camera-Komponente
an. Sie finden dort außer dem Objekt selbst
(Camera1) die bereits verwendete Methode
TakePicture und den Ereignisblock Camera1.
AfterPicture.
Ziehen Sie den Ereignisblock Camera1.After-
Picture auf den Editor. Das damit verbundene
Ereignis tritt automatisch ein, nachdem der
Benutzer ein Foto aufgenommen hat. Nun gilt
es, in diesem Block zu definieren, was daraufhin
geschehen soll. Die Ereignismethode
AfterPicture besitzt einen Parameter image,
der den Verzeichnispfad der Bilddatei enthält.
Das entsprechende Verbindungsstück klinkt
sich im Kopf des Ereignisblocks automatisch
ein, nachdem Sie diesen in den Editor gezogen
haben. Das Verbindungsstück für den
Wert der Variablen finden Sie in der Kategorie
My Definitions. Um den Text für ein Label zu
ändern, weisen Sie der gleichnamigen Eigenschaft
den neuen Text als Wert zu. Integrieren
Sie also den Eigenschaftsblock set Label1.Text
to in den Ereignisblock Camera1.AfterPicture
und weisen Sie den Wert der Variablen image
zu. Anschließend machen Sie es mit set
Image1.Picture to und value image genauso.
Die Eigenschaft Picture der Image-Komponente
verweist auf die anzuzeigende Bilddatei,
deren Pfad Sie ebenfalls als Wert zuweisen.
Damit ist die Kamera-App auch schon fertig.
Die vollständige Blockstruktur entnehmen Sie
der Abbildung unten. Zum Testen benötigen
Sie ein Smartphone, da der Emulator keine
Kamerafunktion zur Verfügung stellt.
So trivial die visuelle Entwicklung von Android-Apps
mit Google App Inventor auf den
ersten Blick möglicherweise anmutet, sind
der Komplexität von anspruchsvollen Apps
dennoch keine Grenzen gesetzt. Tatsächlich
können Sie mit AI so ziemlich alles erreichen,
was Ihnen vorschwebt (siehe auch die
Buchbesprechung in dieser Augabe). whs
Block-Editor und Simulator: In einander geschachtelte Blöcke: Mit when ...
do-Blöcken definieren Sie Ereignishandler, mit call-Blöcken rufen Sie die
passenden Methoden auf.
Blockstruktur der Kamera-App: Mit zwei grafisch aufbereiteten
Ereignismethoden ist alles erledigt.
PC Magazin 10/2011 www.pc-magazin.de