Componente dell'interfaccia utente del pulsante Flash CS4

• Aprile 19, 2024

Nell'ultimo tutorial, abbiamo aggiunto il codice di arresto che interromperà il nostro Flash^R ecard da ripetere dopo il primo passaggio attraverso la linea temporale. Ora aggiungeremo un pulsante "Replay" che metterà il controllo della riproduzione nelle mani del visualizzatore. Una volta terminata l'animazione dell'ecard, sarà lo spettatore a far riprodurre il film facendo clic su questo pulsante.

Possiamo creare questo pulsante codificando ActionScript che disegnerà un pulsante sul palco per noi. Ma per questo tutorial, useremo il componente UI del pulsante integrato. Inizieremo a lavorare sull'ultimo fotogramma della linea temporale. Apri la tua ecard in Flash CS4.

1. Aggiungi un nuovo livello appena sotto il livello Azioni. Denominare questo nuovo livello "Replay". Useremo questo livello per tenere premuto il nostro pulsante.
   
   
2. Aggiungi un fotogramma chiave sul fotogramma 105 del livello di riproduzione. Ciò assicurerà che il pulsante non sia visibile fino a quest'ultimo fotogramma.
   
   
3. Apri il pannello Componenti (Finestra - Componenti). Questo pannello ha due sezioni, le sezioni Interfaccia utente e Video. Il componente pulsante si trova nella sezione Interfaccia utente. Fai clic e trascina un'istanza del componente pulsante sullo stage appena sotto il testo.
   
   
4. Seleziona il pulsante Nel pannello Proprietà, assegna al pulsante un nome istanza di "Replay".
   
   
5. Apri il pannello Controllo componenti (Finestra - Controllo componenti). Usiamo questo pannello per impostare i valori per i parametri del nostro componente pulsante. Il parametro Label controlla il testo nella parte superiore del nostro pulsante. In questo momento, dice "Etichetta" sul pulsante perché il valore per il parametro Etichetta è impostato su "Etichetta". Cambiamo il valore di questo parametro in "Replay". Dovresti vedere il testo sul pulsante cambiare da "Etichetta" a "Ripeti".
   
   Se testiamo ora la ecard, non succede nulla quando facciamo clic sul pulsante Riproduci. Questo perché dobbiamo ancora aggiungere un comportamento al pulsante.
   
   
6. Fai clic sull'ultimo fotogramma del livello Azioni e apri il pannello Azioni. Dopo lo stop (); codice, aggiungi il codice qui sotto. Questo codice indica a Flash di ascoltare un clic del mouse sul pulsante Riproduci. Quando si fa clic con il mouse, Flash esegue la funzione replayMovie. Questa funzione ha solo una riga di codice che dice a Flash di tornare al fotogramma 1 e riprodurre il film.
   
   Replay.addEventListener (MouseEvent.CLICK, replayMovie);
   funzione replayMovie (evt)
   {
   gotoAndPlay (1);
   }
   
   

Copyright 2018 Adobe Systems Incorporated. Tutti i diritti riservati. Le schermate dei prodotti Adobe sono state ristampate con l'autorizzazione di Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Catalyst Flash e Flash Paper è / sono [a] marchi registrati o marchi commerciali di Adobe Systems Incorporated negli Stati Uniti e / o in altri paesi.