Share
In diesem Schnelltipp zeige ich Ihnen, wie Sie einen Löscheffekt erstellen können, der von der iPhone iOS-Oberfläche inspiriert wird.
Werfen wir einen Blick auf das Endergebnis, auf das wir hinarbeiten:
Halten Sie das Symbol "a" gedrückt, und klicken Sie auf das "x", wenn es angezeigt wird.
Auf einer vorgefertigten iPhone-Benutzeroberfläche verwenden wir die Timer-, Tween- und Maus-Events, um einen schönen Effekt für die Benutzeroberfläche zu erzeugen.
Starten Sie Flash und erstellen Sie ein neues Flash-Dokument. Stellen Sie die Bühnengröße auf 255x496px und die Bildrate auf 24 Bilder / s ein.
Dies ist die Oberfläche, die wir verwenden werden. Sie enthält eine iPhone 4-Vorlage und einige GUI-Elemente, die Sie von der jeweiligen Autorenseite herunterladen können.
Es gibt auch ein Symbol, das ein interaktives Element ist.
Dies ist die Klasse, die die ganze Arbeit erledigt. Es zeigt nur den eigentlichen Arbeitscode. Bitte lesen Sie die Kommentare, um zu verstehen, was los ist…
Privater Var-Timer: Timer = neuer Timer (1000); // Die Zeit, um die Maustaste gedrückt zu halten, um die Löschtaste anzuzeigen. Private var tiltTimer: Timer = neuer Timer (80); // Der Zeitpunkt des Rotationswechsels macht den Shake-Effekt privat var rotationValue: int = 2; // Die gewünschte Rotation für den privaten Shake-Wechsel: Tween; // Eine Tween-Instanz zum Animieren des Alarmdialogfelds public function Main (): void / * Hide elements * / hideObjects (appIcon.deleteButton, deleteAlert, darkScreen); / * Erforderliche Listener hinzufügen * / deleteAlert.cancelBtn.addEventListener (MouseEvent.MOUSE_UP, cancel); deleteAlert.deleteBtn.addEventListener (MouseEvent.MOUSE_UP, deleteApp); appIcon.deleteButton.addEventListener (MouseEvent.MOUSE_UP, displayAlert); appIcon.addEventListener (MouseEvent.MOUSE_UP, stopTimer); appIcon.addEventListener (MouseEvent.MOUSE_DOWN, pressAndHold); / * Hide objects Funktion * / private Funktion hideObjects (… Objekte): void for (var i: int = 0; i < objects.length; i++) objects[i].visible = false; /*Starts the timer when the mouse is down*/ private function pressAndHold(e:MouseEvent):void timer.start(); timer.addEventListener(TimerEvent.TIMER, showDeleteButton); /*If mouse up, timer stops*/ private function stopTimer(e:MouseEvent):void timer.stop(); /*if the hold timer completes, the delete button is shown and the icon shakes*/ private function showDeleteButton(e:TimerEvent):void timer.stop(); appIcon.deleteButton.visible = true; tiltTimer.addEventListener(TimerEvent.TIMER, tilt); tiltTimer.start(); /*The shake function, changes the rotation every time the tiltTimer completes*/ private function tilt(e:TimerEvent):void appIcon.rotation = rotationValue; rotationValue *= -1; /*if the delete button is pressed the alert is shown*/ private function displayAlert(e:MouseEvent):void deleteAlert.visible = true; darkScreen.visible = true; tween = new Tween(deleteAlert,"scaleX",Back.easeOut,0.3,1,0.5,true); tween = new Tween(deleteAlert,"scaleY",Back.easeOut,0.3,1,0.5,true); /*removes the icon if the delete button in the alert is clicked*/ private function deleteApp(e:MouseEvent):void hideObjects(appIcon, deleteAlert, darkScreen); /* removes the alert, stops the tilt and doesn't remove the icon, called by the cancel button*/ private function cancel(e:MouseEvent):void hideObjects(appIcon.deleteButton, deleteAlert, darkScreen); tiltTimer.stop(); appIcon.rotation = 0;
Denken Sie daran, den Klassennamen im Feld "Veröffentlichen" des Eigenschaftenfensters zum Feld "Klasse" hinzuzufügen.
So haben Sie es! Ein schöner Effekt, den Sie zu Ihren Anwendungen hinzufügen können, experimentieren Sie mit dessen Verwendung!
Ich hoffe, Ihnen hat dieses Tutorial gefallen, vielen Dank für das Lesen :)
Accentsconagua