hints & tips // 2008.03.11 08:41:47 [hh]
Flex 3: einen AIR-Web-Browser in einer Minute erstellen
Screen2.0 hat heute einen ganz besonderen Challenge: mit "Adobe Flex Builder 3" soll binnen einer Minute ein Web-Browser erstellt werden, der als AIR("Adobe Integrated Runtime")-Anwendung auf dem, Desktop (Mac oder Windows) laufen soll. Mit Grundwissen in "Flex" können Sie die hier gezeigten Schritte leicht nachvollziehen. Links für kostenlose Downloads inklusive.
So geht's:
- 1. Starten Sie "Flex Builder 3". Eine Trial-Version gibt es kostenlos hier: www.adobe.com/ go/ flex_trial
- 2. Wählen Sie "New" > "Flex Project"
- 3. Wählen Sie "AirBrowser" als Namen.
- 4. Wählen Sie "Desktop application (runs in Adobe AIR)".
- 5. Klicken Sie in "Finish", um die Erstellung des Projekts abzuschließen.
- 6. Öffnen Sie "AirBrowser.mxml".
- 7. Wechseln Sie in den Design Mode.
- 8. Fügen Sie eine HTML-Komponente ("Components" > "Adobe AIR" > "HTML") per Drag-and-Drop in die Anwendung ("WindowedApplication") ein.
- 9. Ändern Sie folgende Flex Properties:
- ID: htmlView
- Location: http://www.google.com/
- bottom: 0
- left: 0
- right: 0
- top: 40
- 10. Fügen Sie ein Text Input Field ("Controls" > "TextInput") per Drag-and-Drop hinzu. Dieses Feld wird als URL-Feld benutzt.
- 11. Ändern Sie die Properies wie folgt:
- id: urlField
- editable: true
- enabled: true
- text: http://www.google.com/
- left: 10
- right: 10
- top: 10
- enter: {htmlView.location = urlField.text}
- 12. Sichern Sie das Projekt. Sie können es jetzt bereits mittels Klick auf den "Play"-Button testweise starten. Bitte ebachten Sie, dass nur korrekte URLs in der Eingabezeile akzeptiert werden und die Eingaben mit der Enter-Taste abgeschlossen werden müssen.
- 13. Wählen Sie "Project" > "Export Release Build...", um das Flexc-Projekt als AIR-Anwendung zu exportieren. Generieren Sie im zweiten Schritt ein eigenes Zertifikat, um Ihre Anwendung zu signieren. Klicken Sie dann in "Finish".
- 14. Das AIR-File "AirBrowser.air" sollte jetzt in Ihrer Projekt-Ansicht auftauchen. Doppelklicken Sie das File, um es testweise auf Ihrem Rechner zu installieren. Natürlich benötigen Sie hierzu die kostenlose AIR Runtime.
Fertig ist der Browser. Er ist zwar noch sehr rudimentär, aber dafür nur 340 Kilobyte groß und funktional.
Werbung