Air - HTML Rendern

Im siebten Teil zum Thema "Flash CS3 + Adobe AIR 1.0" geht es um das Rendern und Darstellen von HTML-Seiten. Adobe AIR erlaubt es, mit der HTMLLoader-Klasse komplexe HTML-Websites innerhalb einer SWF-Datei anzuzeigen. Möglich wird dies durch die Integration des Webkits, das auch in Apples Safari Verwendung findet.

Unterstützt werden alle gängigen HTML-Tags, JavaScript (AJAX), Bilder und CSS-Dateien. Die HTML-Seiten können wiederum auch Flash enthalten. Die HTMLLoader-Klasse ist ausschließlich über AIR nutzbar, nicht mit dem Flash Player.

Das Beispiel zeigt einen kleinen "Webbrowser". Bei Aufrufen wird die Website www.video-flash.de geöffnet. Man kann beliebig in der Website herumklicken. Über die Buttons "vor" und "zurück" kann entsprechend navigiert werden, was mit den beiden Methoden HTMLLoader.historyBack() und HTMLLoader.historyForward() erledigt wird (zur History gibt es zahlreiche weitere Funktionen).

Außerdem wird der Titel der HTML-Seite über einen Zugriff auf die DOM-Struktur angezeigt (HTMLLoader.window.document.title).

Die aktuelle URL ist ein HTMLLoader.location abgelegt.

Der Einfachheit wegen kann man in diesem Beispiel nur vertikal scrollen, horizontal ist natürlich ebenfalls möglich (HTMLLoader.scrollV und HTMLLoader.scrollH).

Actionscript:

  1. span style="color: #808080; font-style: italic;">// neuer HTMLLoader
  2. /*
  3. * Funktion zum Laden einer URL
  4. */// neuer request
  5. // laden
  6. // Startseite laden
  7. "http://www.video-flash.de");
  8.  
  9. // Größe und Position festlegen
  10. // event listener
  11. /*
  12. * wenn HTMLLoader fertig initialisiert ist
  13. */// der Bühne hinzufügen
  14. // Preloader ausblenden
  15. /*
  16. * wenn HTML-Seite gerendert ist
  17. */// Title anzeigen
  18. // URL anzeigen
  19. /*
  20. * Seite zurückblättern
  21. *//*
  22. * Seite vorblättern
  23. *//*
  24. * Home button
  25. */"http://www.video-flash.de");
  26. }
  27.  
  28. /*
  29. * open button
  30. *//*
  31. * Scroll down button
  32. *//*
  33. * Scroll up button
  34. */

Link: Quelldatei (.fla)