Componente de interfaz de usuario del botón Flash CS4

• Abril 20, 2024

En el último tutorial, agregamos el código de detención que detendrá nuestro Flash^R ecard no se repita después del primer paso a través de la línea de tiempo. Ahora agregaremos un botón de "Repetición" que pondrá el control de reproducción en manos del espectador. Una vez que la animación de la tarjeta electrónica se detenga, será el espectador el que hará que la película se reproduzca haciendo clic en este botón.

Podemos crear este botón codificando ActionScript que dibujará un botón en el escenario para nosotros. Pero para este tutoiral, utilizaremos el componente de interfaz de usuario del botón incorporado. Comenzaremos a trabajar en el último fotograma de la línea de tiempo. Abra su tarjeta electrónica en Flash CS4.

1. Agregue una nueva capa justo debajo de la capa Acciones. Nombra esta nueva capa "Replay". Usaremos esta capa para mantener nuestro botón.
   
   
2. Agregue un fotograma clave en el fotograma 105 de la capa de reproducción. Esto asegurará que el botón no sea visible hasta este último fotograma.
   
   
3. Abra el panel Componentes (Ventana - Componentes). Este panel tiene dos secciones, la interfaz de usuario y las secciones de video. El componente del botón está en la sección Interfaz de usuario. Haga clic y arrastre una instancia del componente del botón al escenario justo debajo del texto.
   
   
4. Selecciona el botón. En el panel Propiedades, asigne al botón un Nombre de instancia de "Reproducción".
   
   
5. Abra el panel Inspector de componentes (Ventana - Inspector de componentes). Usamos este panel para establecer los valores para los parámetros de nuestro componente de botón. El parámetro Label controla el texto en la parte superior de nuestro botón. En este momento, dice "Etiqueta" en el botón porque el valor del parámetro Etiqueta está establecido en "Etiqueta". Cambiemos el valor de este parámetro a "Repetir". Debería ver el texto en el botón cambiar de "Etiqueta" a "Reproducir".
   
   Si probamos la tarjeta electrónica ahora, no pasa nada cuando hacemos clic en el botón Reproducir. Esto se debe a que aún necesitamos agregar un comportamiento al botón.
   
   
6. Haga clic en el último cuadro de la capa Acciones y abra el panel Acciones. Después de la parada (); código, agregue el código a continuación. Este código le dice a Flash que escuche un clic del mouse en el botón Reproducir. Cuando hay un clic del mouse, Flash lleva a cabo la función replayMovie. Esta función tiene solo una línea de código que le dice a Flash que regrese al fotograma 1 y reproduzca la película.
   
   Replay.addEventListener (MouseEvent.CLICK, replayMovie);
   función replayMovie (evt)
   {
   gotoAndPlay (1);
   }
   
   

Derechos de autor 2018 Adobe Systems Incorporated. Todos los derechos reservados. Las capturas de pantalla del producto Adobe se reimprimieron con permiso de Adobe Systems Incorporated. Adobe, Photoshop, Álbum de Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst y Flash Paper es / es [una] marca registrada [s] o una marca registrada [s] de Adobe Systems Incorporated en los Estados Unidos y / u otros países.

Instrucciones De Vídeo: Interfaces en Flash Fluidas y Adaptables (Abril 2024).