Share
In questo suggerimento rapido, ti mostrerò come creare un effetto di eliminazione ispirato all'interfaccia iOS di iPhone.
Diamo un'occhiata al risultato finale su cui lavoreremo:
Premi e tieni premuta l'icona "a", quindi fai clic sulla "x" quando appare ...
Su un'interfaccia iPhone pre-creata utilizzeremo gli eventi Timer, Tween e Mouse per creare un effetto piacevole per le interfacce.
Avvia Flash e crea un nuovo documento Flash, imposta le dimensioni dello stage su 255x496px e la frequenza fotogrammi su 24 fps.
Questa è l'interfaccia che utilizzeremo, include un modello per iPhone 4 e alcuni elementi della GUI che puoi scaricare dal sito dell'autore corrispondente.
C'è anche un'icona che è un elemento interattivo.
Questa è la classe che fa tutto il lavoro. Mostra solo il codice di lavoro effettivo, leggi i commenti per comprendere appieno cosa sta succedendo ...
timer var privato: Timer = new Timer (1000); // Il tempo di tenere premuto il pulsante del mouse sull'icona per mostrare il pulsante Elimina private var tiltTimer: Timer = new Timer (80); // Il tempo della rotazione cambia, rende l'effetto shake private var rotationValue: int = 2; // La rotazione desiderata per l'interpolazione var variabile privata: Tween; // Un'istanza di interpolazione per animare la funzione pubblica di dialogo di avviso Main (): void / * Nascondi elementi * / hideObjects (appIcon.deleteButton, deleteAlert, darkScreen); / * Aggiungi listener necesary * / 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, premereAndHold); / * Nascondi funzione oggetti * / funzione privata hideObjects (... oggetti): 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;
Ricordarsi di aggiungere il nome della classe al campo Classe nella sezione Pubblica del pannello Proprietà.
Così il gioco è fatto! Un bell'effetto che puoi aggiungere alle tue applicazioni, sperimentare con i suoi usi!
Spero che questo tutorial ti sia piaciuto, grazie per aver letto :)
Accentsconagua