Snelle tip het Flash CS5-codefragmentvenster verkennen

In deze snelle tip laat ik je zien hoe je het gloednieuwe Flash CS5 codefragmentenpaneel kunt gebruiken om gemakkelijk interactie met het toetsenbord en de muis aan je projecten toe te voegen, zonder dat je AS3 hoeft te leren. Laten we kijken!

Eindresultaat voorbeeld

Dit is het eindresultaat dat we gaan bereiken. Met behulp van het paneel Codefragmenten gebruiken we Click Movie Clip als een knop om de animatie te starten. Met toetsenbordpijlen kunt u ook het "active.tutsplus.com" -logo verplaatsen en als u erop klikt, gaat u naar de site. Deze functies worden uitgevoerd met behulp van het paneel Codefragmenten.


Stap 1: laad het project

Download het Bron-zipbestand met behulp van de bovenstaande link en pak het ergens uit.

Open Adobe Flash Professional en klik vervolgens op Bestand> Openen.


Stap 2: Open het bronbestand

Selecteer het gedownloade bronbestand "Quick_Tip_Code_Snippets.fla".


Stap 3: Instance Naam instellen

Hier tot onze beschikking is een Flash-banner. Om het wat functionaliteit te geven, gebruiken we het nieuwe deelvenster Flash CS5-codefragmenten. Laten we beginnen met "Click" Movie Clip. Kies laag "Click" en vervolgens de filmclip zelf met het gereedschap Selectie (snelkoppeling V). Geef het in het venster Eigenschappen de naam Exemplaar "Klik".


Stap 4: Open het paneel Codefragmenten

Open nu uw deelvenster Codefragmenten (als u het niet kunt zien, gaat u naar Venster> Codefragmenten). Selecteer categorie Tijdlijnnavigatie> Klik om naar Frame en spelen te gaan. Dubbelklik erop.

Postscriptum Onthoud dat voordat u het paneel Codefragmenten opent, de filmclip "Klik" moet worden geselecteerd.


Stap 5: Wijzig de automatisch gegenereerde code

Daarna wordt het actiepaneel geopend en ziet u een code met instructies. Laten we de instructies volgen en nummer 5 tussen haakjes veranderen in nummer 2. Dit zorgt ervoor dat onze animatie vanaf frame 2 wordt afgespeeld als we op onze filmklik klikken..

Ik heb een aantal animaties toegevoegd aan de tijdlijn vanaf frame 2, dus je ziet ze spelen zodra op de knop wordt geklikt.


Stap 6: Filmclip ActiveTuts

Het volgende dat we zouden moeten doen is enkele functies aan onze ActiveTuts Movie Clip geven. Selecteer het op het podium en geef het de instantienaam "ActiveTuts".


Stap 7: Beweging met toetsenbord

Ga met de Filmclip "ActiveTuts" geselecteerd naar Codefragmentenpaneel> Animatie> Verplaats met toetsenbordpijlen. We zullen de standaardparameters van de code niet wijzigen als deze goed werken. Met deze functie kunnen we onze ActiveTuts Movie Clip verplaatsen met de toetsenbordpijlen.


Stap 8: Klikbare link

Laten we daarnaast onze ActiveTuts-filmclip zich als een koppeling gedragen. Klik er nogmaals op om naar het paneel Codefragmenten> Acties> Klik om naar de webpagina te gaan te gaan.

U zou de volgende code in uw Actions Panel moeten hebben:


Stap 9: URL

Ons Actions Panel zal worden geopend en daar zullen we enkele instructies zien voor het wijzigen van de URL die we nodig hebben. In mijn geval zal ik dit veranderen in "http://active.tutsplus.com".

Het laatste dat we nodig hebben is om een ​​te schrijven hou op() functie aan het einde van de code op frame 1. Hierna kunt u een voorbeeld bekijken van wat we hebben bereikt.

Conclusie

U weet nu hoe u het nieuwe codefragmentenpaneel moet gebruiken! Het is handig voor zowel mensen die AS3 kennen (wat tijd spaart) als voor degenen die er in duiken. Het biedt de mogelijkheid om een ​​aantal acties aan de objecten toe te voegen zonder een enkele regel code te schrijven!

Ik hoop dat je deze Quick Tip leuk vond en dat het je zal helpen. Bedankt voor het lezen!

Editor: Nog een laatste ding - vergeet niet dat je al je codefragmenten kunt opslaan en delen op snipplr.com, de nieuwste toevoeging aan het Envato-netwerk!