Share
En este Consejo rápido, te mostraré cómo crear un efecto de eliminación inspirado en la interfaz de iPhone iOS.
Echemos un vistazo al resultado final en el que trabajaremos:
Mantenga presionado el ícono "a", luego haga clic en la "x" cuando aparezca ...
En una interfaz de iPhone prefabricada, utilizaremos los eventos Timer, Tween y Mouse para crear un efecto de apariencia agradable para las interfaces..
Inicie Flash y cree un nuevo documento de Flash, establezca el tamaño del escenario en 255x496px y la velocidad de fotogramas en 24 fps.
Esta es la interfaz que usaremos, incluye una plantilla de iPhone 4 y algunos elementos de la GUI que puede descargar del sitio del autor correspondiente..
También hay un icono que es un elemento interactivo..
Esta es la clase que hace todo el trabajo. Solo muestra el código de trabajo real, lea los comentarios para comprender completamente lo que está pasando ...
temporizador var privado: Temporizador = Temporizador nuevo (1000); // El tiempo para mantener presionado el botón del mouse sobre el ícono para mostrar el botón de eliminación private var tiltTimer: Timer = new Timer (80); // La hora del cambio de rotación, hace que el efecto shake sea privado var rotationValue: int = 2; // La rotación deseada para el shake privado var tween: Tween; // Una instancia de interpolación para animar el diálogo de alerta función pública Main (): void / * Hide elements * / hideObjects (appIcon.deleteButton, deleteAlert, darkScreen); / * Agregar los oyentes necesarios * / 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, presionaAndHold); / * Función de ocultar objetos * / función privada hideObjects (... objetos): 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;
Recuerde agregar el nombre de la clase al campo Clase en la sección Publicar del panel de Propiedades.
Así que ahí lo tienes! Un efecto agradable que puede agregar a sus aplicaciones, experimentar con sus usos.!
Espero que te haya gustado este tutorial, gracias por leer :)
Accentsconagua