Seitenübergänge definieren

aus: Adobe Flash Catalyst Public Beta Crash-Kurs

Loggen Sie sich ein, um dieses Video-Tutorial anzusehen.

Wenn Sie noch kein video2brain Benutzerkonto haben, registrieren Sie sich jetzt kostenlos und unverbindlich. Die Registrierung dauert nur wenige Augenblicke. Sofort stehen hunderte weitere Video-Tutorials zur Verfügung – es lohnt sich!

Registrieren

Über dieses Video

Hier geht's um die einzelnen Seiten der Beispiel-Applikation und deren Übergänge: Wie gelangt der Benutzer von einer Seite zur anderen?

Auszug aus: Adobe Flash Catalyst Public Beta Crash-Kurs

Adobe hat Anfang Juni 2009 eine neue Applikation namens "Flash Catalyst" als sogenannte "Public Beta" herausgebracht. Damit steht Ihnen eine kostenlos herunterladbare Beta-Version des neuen Pferdes in Adobes Stall zur Verfügung. Und damit Sie gleich loslegen können, gibt es von video2brain das passende, kostenfreie OpenTraining dazu. "Mit Flash Catalyst verkürzen Sie den Entwicklungszyklus für Flash-Applikationen dramatisch" sagt Alex Ciorapciu, Adobe-System Engineer und Flash-Entwickler. Er erklärt nicht nur das Programm, seine Bedienungsoberfläche und Funktionen, sondern zeigt anhand wohlausgewählter Praxisbeispiele, wie Sie die Entwicklung Ihrer Flash-Applikationen optimieren und für flotten, reibungslosen Ablauf zwischen Design und Engineering sorgen.

Ähnliche Video-Trainings

In diesem einführenden Kapitel begrüßt Sie Alex Ciorapciu, stellt Ihnen Flash Catalyst und dessen Position innerhalb der Adobe-Flash-Familie vor und zeigt, wie Sie mit diesem neuen Programm viel Entwicklungszeit einsparen können.

Hellgraue Theorie
- Der Trainer stellt sich und sein Video-Training vor. Außerdem erfahren Sie, was Flash Catalyst kann und wofür es entwickelt wurde.
  
  Willkommen
  
  01:44
- Dieser Film bietet einen Überblick über Adobes Flash-Plattform und erklärt das Zusammenwirken der verschiedenen Komponenten.
  
  Die Adobe-Flash-Plattform
  
  04:48
- Verfolgen Sie in diesem Video den Produktionszyklus einer Flash-Anwendung auf herkömmlichem Wege und sehen Sie, wie Flash Catalyst hier Zeit und Aufwand spart! Das Programm eröffnet aber auch ganz neue Möglichkeiten.
  
  Der Workflow - alt und neu
  
  02:29
- Der Trainer veranschaulicht Ihr Einsparpotential am Beispiel einer Zeitleiste, die den Prozess der Applikationsentwicklung abbildet.
  
  Zeitersparnis in der Entwicklung
  
  05:17
Die folgenden Filme vermitteln die Grundlagen der Programmbedienung, erläutern das Konzept von Flash Catalyst und erklären die einzelnen Werkzeuge.

Einstieg in Flash Catalyst
- In diesem Video geht es um das Begrüßungsfenster von Flash Catalyst. Lassen Sie sich nicht von den Sprachproblemen und Bugs der Beta-Version verwirren: Über den Dialog können Sie unter anderem Projekte und Dateien in unterschiedlichen Formaten öffnen und einbinden - und natürlich neue anlegen.
  
  Der Startdialog
  
  05:19
- Eine kurze Übersicht über die Oberfläche mit allen Panels: So finden Sie sich zurecht und richten sich ein!
  
  Die Benutzeroberfläche
  
  03:25
- Der Trainer gibt einen Überblick über die einzelnen Werkzeuge und erläutert deren Funktion.
  
  Die Werkzeugleiste
  
  08:24
- So erzeugen Sie eine Schaltfläche. Gleichzeitig erhalten Sie eine Erklärung der möglichen Stadien, die eine Komponente haben kann.
  
  Schaltflächen
  
  03:25
- Sie müssen nicht auf die vorgefertigten Komponenten setzen: Wie Sie aus Formen und Text eine eigene Schaltfläche erzeugen, zeigt der Trainer in diesem Video.
  
  Schaltflächen individuell gestalten
  
  01:29
- Wie funktioniert die Ebenenpalette und das Zusammenspiel der einzelnen Ebenen? Die Antwort bietet dieser Film!
  
  Das Ebenenkonzept
  
  02:14
- Erfahren Sie mehr über das Konzept der Seiten innerhalb eines Flash-Catalyst-Projekts und wie interaktive Komponentensteuerung funktioniert.
  
  Zusammenspiel der Komponenten
  
  03:25
Ihre erste Beispielanwendung ist die Applikation eines Reiseveranstalters. Die Filme in diesem Kapitel zeigen deren Aufbau und Steuerung: Ausgehend von Elementen, die Sie in Programmen wie Photoshop oder Illustrator erzeugen und mit Flash Catalyst ordnen und steuern.

Praxisbeispiel: "Ecotours"
- Das Ebenenkonzept in Flash Catalyst ähnelt mehr dem aus Illustrator als dem aus Photoshop. Hier finden Sie heraus, wie man Ebenen anlegt, verschiebt, gruppiert und mit Objekten bestückt.
  
  Die Ebenen
  
  02:23
- Erstellen Sie eine Standard-Schaltfläche für die Beispiel-Applikation: Über das Head-Up-Display und die Ebenenpalette erfolgt die Konfiguration.
  
  Schaltfläche anlegen
  
  02:40
- Hier geht's um die einzelnen Seiten der Beispiel-Applikation und deren Übergänge: Wie gelangt der Benutzer von einer Seite zur anderen?
  
  Seitenübergänge definieren
  
  03:51
- Übergänge müssen von einer Komponente per Interaktion gesteuert werden. Hier erfahren Sie, wie das klappt!
  
  Übergänge steuern
  
  01:57
- Die Anwendung bekommt eine vertikale Scroll-Leiste. Diese wird in Illustrator erzeugt und in Flash Catalyst eingebettet.
  
  Vertikale Scroll-Leiste
  
  03:59
- Ein Rechteck und ein Textfeld werden im Handumdrehen von Flash Catalyst zu einem Texteingabefeld verwandelt.
  
  Texteingabe
  
  01:07
- Ruckartige Übergänge müssen nicht sein: Erzeugen Sie sanfte Übergänge, oder nutzen Sie gleich alle Funktionen des Flash Players 10: Sie können bei einem Übergang beispielsweise eine Achsendrehung einsetzen!
  
  Animierte Übergänge
  
  03:51
- Eine der Komponenten Ihrer Beispiel-Applikation zeigt in einem Stadium Informationen, im anderen eine Karte: So gestalten Sie die entsprechende individuelle Komponente samt Steuerung.
  
  Benutzerdefinierte Komponenten
  
  03:07
Der Trainer hält es für den besten Weg, die Leistungsfähigkeit von Flash Catalyst kennenzulernen, indem man eine Applikation "from scratch" entwickelt. Die Anleitungen der folgenden Filme zeigen den Entwurf eines Telefonbuchs.

Quick 'n Dirty
- Aus einem Rechteck und einem Text erstellen Sie einen eigenen Startknopf, der wie eine Ampel leuchtet.
  
  Startknopf
  
  04:01
- Mit einem Texteingabefeld simulieren Sie ein Suchfeld. Gesteuert per Zeitleiste, blendet Flash Catalyst das Feld erst ein, wenn der umgebende Rahmen vollständig aufgebaut ist.
  
  Suchfeld
  
  03:27
- Die Suchfunktion steht im Grunde. Aber wie kommen Sie nun vom Suchfeld zu der Seite mit den Ergebnissen? Die Antwort liefert dieses Video!
  
  Ergebnis
  
  02:27
- Auf Basis einer Liste mit Dummy-Daten verknüpfen Sie eine vertikale Scroll-Leiste mit der Datenliste. In der Beta-Version sind die Paletten für die Datenverknüpfung nicht gleich erreichbar: Keine Sorge, der Trainer verrät Ihnen ein paar Tricks, mit denen nicht nur das klappt.
  
  Datenliste
  
  05:18
Das zweite Praxisbeispiel zeigt, dass Sie mit Flash Catalyst mehr als nur computerbildschirmorientiertes Design meistern: Hier geht's um die Simulation der Benutzeroberfläche für ein bekanntes Mobiltelefon und passender Applikationen.

Praxisbeispiel: "Phone UI Prototyping"
- Hier simulieren Sie eine SMS-Unterhaltung auf dem iPhone, indem Sie einer benutzerdefinierten Komponente mehrere Stadien hinzufügen.
  
  SMS-Chat nachahmen
  
  07:17
- Aus einem statischen Bild entwickeln Sie eine funktionelle - "klickbare" - iPhone Tastatur, indem Sie die einzelnen Buchstaben als Schaltflächen definieren und anschließend die Stadien verändern.
  
  Virtuelle Tastatur
  
  04:58
Wissenswerte Zusatzinfos bieten die Filme in diesem Kapitel: Erfahren Sie mehr über den Designzyklus und das Zusammenwirken der CS4-Kreativprogramme und lernen Sie die Code-Ansicht von Flash Catalyst und deren praktische Möglichkeiten kennen.

Ergänzende Themen
- Vom Kreativprogramm nach Flash Catalyst und zurück: Der Designzyklus. In der Beta klappt's gerade mal mit Illustrator, doch das Prinzip erstreckt sich auch auf Photoshop und Fireworks. Alex Ciorapciu zeigt hier das "Roundtripping" mit einem Text, erstellt in Photoshop, importiert in Flash Catalyst, editiert in Illustrator und aktualisiert in Flash Catalyst.
  
  Roundtrip
  
  02:26
- Nicht nur für Entwickler interessant: Die Code-Ansicht zeigt das MXML, das hinter den generierten Anwendungen steckt. Der Trainer erklärt den Code des SMS-Beispiels und zeigt, wie dieser in Flash Builder 4 geöffnet werden kann.
  
  Code-Design
  
  02:11

Seitenübergänge definieren

aus: Adobe Flash Catalyst Public Beta Crash-Kurs

Über dieses Video

Auszug aus: Adobe Flash Catalyst Public Beta Crash-Kurs

Filminformationen