AS3-Tutorium: Flex: Butterfly 01 fluttering

aus GlossarWiki, der Glossar-Datenbank der Fachhochschule Augsburg

Dieser Artikel erfüllt die GlossarWiki-Qualitätsanforderungen nur teilweise:

Korrektheit: 4
(großteils überprüft) 		Umfang: 3
(einige wichtige Fakten fehlen) 		Quellenangaben: 5
(vollständig vorhanden) 		Quellenarten: 5
(ausgezeichnet) 		Konformität: 5
(ausgezeichnet)

AS3-Tutorium: Butterfly: Flash | Flex

Flex: Übersicht | Teil 1 | Teil 2 | Teil 3 | Teil 4 | Teil 5

Dieser Artikel wird derzeit von einem Autor gründlich bearbeitet. Die Inhalte sind daher evtl. noch inkonsistent.

Flatternder Schmetterling

Im ersten Teil des Flex-Tutoriums wird der Schmetterling aus AS3-Tutorium: Flex: Butterfly 01 fluttering in eine Flex-Anwendung eingebunden.


<swf width="367" height="267">http://glossar.hs-augsburg.de/beispiel/tutorium/flex_cs5/butterfly/butterfly_01_fluttering_multi/butterfly_01_fluttering_multi.swf</swf> Erweiterte Musterlösung (Flex 4/Flash CS5) (SVN-Repository)

Erweiterte Musterlösung (Flex 4/Flash CS4) (SVN-Repository)


Flash-Schmetterlingssymbol in Flex integrieren

<swf width="183" height="133">http://glossar.hs-augsburg.de/beispiel/tutorium/flex4__cs5/butterfly/butterfly_01_fluttering/butterfly_01_fluttering.swf</swf> Musterlösung (Flex 4/Flash CS5) (SVN-Repository)

Musterlösung (Flex 4/Flash CS4) (SVN-Repository)


  1. Flash Builder 4 (deutsche Version) starten.
  2. Die Flash-Perspektive öffenen: Fenster → Perspektive öffnen → Andere... → Flash.
  3. Ein neues Flex-Projekt erzeugen: Datei → Neu → Flex-Projekt → Projektname: Butterfly01 → Fertig stellen.
  4. Im Editor-Fenster von Eclipse ist die Datei Butterfly01.mxml geöffnet. Diese Datei kann durch einen Doppelklick auf Butterfly01 → src → (Standardpaket) → Butterfly01.mxml im Fenster Paket-Explorer (links oben in der Standardperspektive) jederzeit geöffnet werden.
  5. Im Editor-Fenster der Datei Butterfly01.mxml in den Design-Modus wechseln: Klick auf den Button Design. (Der Wechsel in den Design-Modus dauert bei ersten Mal i. Allg. etwas länger.)
  6. Die Komponente Label aus dem Fenster Komponenten (links oben, zweiter Reiter in der Standardperspektive) in das Editorfenster ziehen.
  7. Den Inhalt des Labels im Editor-Fenster in Butterfly 01 abändern (Doppelklick mit der linken Maustaste).
  8. Die Schriftgröße und -art kann, wenn die Label-Komponente per Mausklick selektiert wurde, im Fenster Eigenschaften (rechts unten, erster Reiter in der Standardperspektive) abgeändert werden.

Schmetterlingssymbol aus Flash in Flex integrieren

Die folgende Beschreibung funktioniert sowohl für Flash CS4, als auch für Flash CS5.

  1. Im Paket-Explorer: Klick mit rechter Maustaste auf den Projektordner Butterfly01 → Neu → Ordner → Ordnername: assets (Schreibweise ist bei Flash CS5 wichtig) → Fertig stellen.
  2. Im Paket-Explorer: Klick mit rechter Maustaste auf den Ordner assets → Importieren → Allgemein (Ordner durch Klick Dreiecksicon öffnen) → Dateisystem → Weiter → Aus Verzeichnis: hier den Ordner mit der Lösung von AS3-Tutorium: Flex: Butterfly 01 fluttering wählen → Häckchen vor fla-Datei mit Flash-Musterlösung → Fertig stellen.
  3. Im Paket-Explorer: Die fla-Datei im Ordner assets durch Doppelklick in Adobe Flash CS4 oder Adobe Flash CS5 öffnen.
  4. In der Bibliothek von Adobe Flash: Symbol Butterfly selektieren.
  5. In Adobe Flash: Befehle → Symbol in Flex-Komponente konvertieren (in Flash CS4 gibt es diesen Befehl nur, wenn das Plugin Flex Component Kit installiert wurde; siehe Übersicht).
  6. In Adobe Flash: Datei → Speichern.
  7. In Adobe Flash: Datei → Veröffentlichen.
  8. Im Paket-Explorer (vom Flash Builder): Klick mit rechter Maustaste auf den Projektordner Butterfly01 → Aktualisieren.
  9. Im Paket-Explorer: Neu erstellte swc-Datei vom Ordner assets in den Ordner lib verschieben.
  10. Im Editorfenster (Design-Modus) der Datei Butterfly01.mxml: Komponente Butterfly (aus Fenster Komponentem→ Benutzerdefinier) auf die Bühne ziehen (und evtl. skalieren).

Quellen

SVN-Repository-Verweise


Dieser Artikel ist GlossarWiki-konform.
Abgerufen von „https://glossar.hs-augsburg.de/w/index.php?title=AS3-Tutorium:_Flex:_Butterfly_01_fluttering&oldid=14981“