UI-component Flash CS4-knop
In de laatste tutorial hebben we de stopcode toegevoegd die onze Flash stoptR ecard herhaalt zich na de eerste doorgang door de tijdlijn. Nu voegen we een knop "Replay" toe die de afspeelregeling in handen van de kijker brengt. Zodra de ecard-animatie stopt, is het de kijker die ervoor zorgt dat de film wordt afgespeeld door op deze knop te klikken.

We kunnen deze knop maken door ActionScript te coderen die voor ons een knop op het podium tekent. Maar voor deze les gebruiken we de ingebouwde UI-component van de knop. We gaan aan het laatste frame van de tijdlijn werken. Open uw ecard in Flash CS4.

  1. Voeg een nieuwe laag toe net onder de laag Acties. Noem deze nieuwe laag "Replay". We zullen deze laag gebruiken om onze knop vast te houden.

  2. Voeg een hoofdframe toe aan frame 105 van de laag Replay. Dit zorgt ervoor dat de knop niet zichtbaar is tot dit laatste frame.

  3. Open het paneel Componenten (Venster - Componenten). Dit paneel heeft twee secties, de secties Gebruikersinterface en Video. Het knoponderdeel bevindt zich in het gedeelte Gebruikersinterface. Klik en sleep een instantie van de knopcomponent naar het werkgebied net onder de tekst.

  4. Selecteer de knop. Geef de knop in het deelvenster Eigenschappen de instantienaam 'Opnieuw afspelen'.

  5. Open het Component Inspector-paneel (Venster - Component Inspector). We gebruiken dit paneel om de waarden voor de parameters van onze knopcomponent in te stellen. De parameter Label bestuurt de tekst bovenaan onze knop. Op dit moment staat er 'Label' op de knop omdat de waarde voor de parameter Label is ingesteld op 'Label'. Laten we de waarde van deze parameter wijzigen in 'Opnieuw afspelen'. U zou de tekst op de knop moeten zien veranderen van "Label" in "Replay".

    Als we de ecard nu testen, gebeurt er niets als we op de knop Opnieuw afspelen klikken. Dat komt omdat we nog steeds een gedrag aan de knop moeten toevoegen.

  6. Klik op het laatste frame van de laag Acties en open het deelvenster Acties. Na de stop (); code, voeg de onderstaande code toe. Deze code vertelt Flash om te luisteren naar een muisklik op de knop Opnieuw afspelen. Wanneer er een muisklik is, voert Flash de functie replayMovie uit. Deze functie heeft slechts één coderegel die Flash vertelt om terug te gaan naar frame 1 en de film af te spelen.

    Replay.addEventListener (MouseEvent.CLICK, replayMovie);
    functie replayMovie (evt)
    {
    gotoAndPlay (1);
    }

Copyright 2018 Adobe Systems Incorporated. Alle rechten voorbehouden. Schermafbeeldingen van Adobe-producten herdrukt met toestemming van 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, Flash Catalyst en Flash Paper is / zijn ofwel [a] geregistreerde handelsmerken [s] of een handelsmerk [s] van Adobe Systems Incorporated in de Verenigde Staten en / of andere landen.


Video-Instructies: How to Create Button in HTML (Mei 2024).