Flash Storybook - Unsichtbarer Startknopf

• April 26, 2024

Öffnen Sie Ihr Flash-Storybook-Projekt in Flash^R. CS5.5. Wir haben die Animation des Ornaments erstellt, die beim Laden der Anwendung beginnt. Jetzt müssen wir dem Benutzer eine Möglichkeit geben, das Buch zu öffnen.

Diese Benutzerinteraktion für unsere App ist ein Touch-Ereignis, das das Buch vergrößert, dreht und dann öffnet. All dies wird durch das Berührungsereignis ausgelöst, wenn der Benutzer auf das Buch tippt. Unsere nächste Aufgabe besteht darin, eine weitere unsichtbare Schaltfläche zu erstellen, die den Buchbereich überlagert.

1. Sie sollten bereits eine Aktionsebene oben in der Zeitleiste und eine Schaltflächenebene darunter haben. Wir haben bereits unsere unsichtbare ornButton-Schaltfläche zur Schaltflächenebene hinzugefügt.
   
   
2. In Frame 1 der Ebene "Schaltflächen" haben wir bereits einen Keyframe. Klicken Sie in der Menüleiste auf Einfügen - Neues Symbol. Setzen Sie den Typ auf Schaltfläche und benennen Sie die Schaltfläche startButton.
   
   
3. Flash zeigt die Timeline der Schaltfläche mit den vier Schaltflächenzuständen Up, Over, Down und Hit an. Fügen Sie dem Hit-Frame einen Keyframe hinzu. Zeichnen Sie im Trefferrahmen ein Rechteck in der Größe des Buches, lassen Sie jedoch die Ecke des Buches weg, die den Bereich ornButton überlappt. (670 x 520 Pixel). Nach wie vor kann das Rechteck eine beliebige Farbe haben, da es auf der Hauptzeitleiste nicht sichtbar ist, wie durch die halbtransparente Farbüberlagerung angezeigt.
   
   
4. Kehren Sie zur Hauptzeitleiste und zu Bild 1 der Schaltflächenebene zurück. Ziehen Sie eine Instanz des startButton auf die Bühne und positionieren Sie sie über dem Buch. Überlagern Sie die beiden Tasten nicht. Wir möchten nicht, dass diese Schaltfläche die andere Schaltfläche stört.
   
   
5. Geben Sie der Schaltfläche im Eigenschaftenfenster den Instanznamen "startButton".
   
   

Jetzt können wir die Animation erstellen, mit der das Buch geöffnet wird.

WICHTIG: Diese Tutorials zur App-Entwicklung wurden speziell für Flash-Neulinge entwickelt. Sie müssen Ihre App über die in diesen Tutorials beschriebenen Aspekte hinaus optimieren, bevor Sie Ihre App für den App Store fertigstellen können.

Copyright 2018 Adobe Systems Incorporated. Alle Rechte vorbehalten. Screenshots von Adobe-Produkten mit Genehmigung von Adobe Systems Incorporated. Adobe, Photoshop, Photoshop-Album, Photoshop-Elemente, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere-Elemente, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst und Flash Paper ist / sind entweder [eine] eingetragene Marke (n) oder eine Marke (n) von Adobe Systems Incorporated in den USA und / oder anderen Ländern.

Video-Anleitungen: Scuffy l Interactive Flash Storybook (April 2024).