Så här använder du ActionScript med Animate

Med skriptspråket ActionScript® kan du lägga till komplex interaktivitet, uppspelningskontroller och datavisning i program. Du kan lägga till ActionScript i utvecklingsmiljön med hjälp av åtgärdspanelen, från skriptrutan eller med ett externt redigeringsprogram.

ActionScript har egna syntaxregler, reserverade nyckelord och variabler för att lagra och ladda ner information. Dessutom innehåller ActionScript ett stort bibliotek med inbyggda klasser, som du kan använda när du skapar objekt för att utföra många olika uppgifter. Mer information om ActionScript finns under följande hjälprubriker:

• Om ActionScript 3.0 på www.adobe.com/go/learn_flcs5_learnas3_se

• Om ActionScript 2.0 i Adobe Animate på www.adobe.com/go/learn_cs5_learningas2_se

Du behöver inte förstå alla ActionScript-element för att börja skriva. Har du bara ett tydligt mål kan du börja skapa skript med några enkla åtgärder.

Både ActionScript och JavaScript bygger på ECMA-262-standarden, den internationella standarden för skriptspråket ECMAScript. Därför kan utvecklare som känner till JavaScript även känna igen sig i ActionScript. Mer information om ECMAScript hittar du på ecma-international.org.

Vilken version av ActionScript kan du använda?

Animate omfattar mer än en version av ActionScript för att motsvara de skiftande behov som finns hos såväl utvecklare som den maskinvara som används för uppspelning. ActionScript 3.0 och 2.0 är inte kompatibla med varandra.

• ActionScript 3.0 körs snabbt. Den här versionen kräver att du är mer van vid objektorienterad programmering än övriga ActionScript-versioner. ActionScript 3.0 följer helt ECMAScript-specifikationen, erbjuder bättre XML-bearbetning, en förbättrad händelsemodell och en förbättrad arkitektur för att arbeta med element på skärmen. FLA-filer som använder ActionScript 3.0 kan inte inkludera tidigare versioner av ActionScript.

• (Borttaget i Animate ) ActionScript 2.0 är lättare att lära sig än ActionScript 3.0. Även om Flash Player kör kompilerad ActionScript 2.0-kod långsammare än kompilerad ActionScript 3.0-kod, är ActionScript 2.0 ändå användbart i många sorters projekt. ActionScript 2.0 är också användbart i projekt som inte är kräver stor beräkningskapacitet. T.ex. för innehåll som är mer designorienterat. ActionScript 2.0 baseras också på ECMAScript-specifikationen men följer den inte helt.

• (Borttaget i Animate) ActionScript 1.0 är den enklaste formen av ActionScript och används fortfarande i vissa versioner av Adobe Flash Lite Player. ActionScript 1.0 och 2.0 kan ingå samtidigt i samma FLA-fil.

• (Borttaget i Animate) Flash Lite 2.x ActionScript är en del av ActionScript 2.0 som stöds av Flash Lite 2.x på mobiltelefoner och mobila enheter.

• (Borttaget i Animate) Flash Lite 1.x ActionScript är en del av ActionScript 1.0 som stöds av Flash Lite 1.x på mobiltelefoner och mobila enheter.

Använda Dokumentation för ActionScript

Eftersom det finns flera versioner av ActionScript (2.0 och 3.0) och flera sätt att införliva skriptspråket i dina FLA-filer, finns det också flera olika sätt att lära sig ActionScript.

Du kan hitta en beskrivning av det grafiska användargränssnittet som används med ActionScript. I gränssnittet ingår åtgärdspanelen, skriptrutan, skriptassistentläget, beteendepanelen, utdatapanelen och panelen Kompilatorfel. Dessa avsnitt gäller för alla versioner av ActionScript.

I annan dokumentation från Adobe om ActionScript kan du lära dig mer om de olika versionerna av ActionScript.

Olika sätt att arbeta med ActionScript

Det finns flera olika sätt att arbeta med ActionScript.

• (Borttaget i Animate) I skriptassistentläget kan du lägga till ActionScript i en FLA-fil utan att du själv behöver skriva koden. Du väljer åtgärder, så visas det ett användargränssnitt där du anger de parametrar som krävs för varje åtgärd. Lär dig lite om vilka funktioner som behövs för att utföra specifika uppgifter, men du behöver inte lära dig någon syntax. Många utvecklare och personer som inte är programmerare använder det här läget.

• (Borttaget i Animate) Med beteenden kan du också lägga till kod i en fil utan att du själv behöver skriva den. Beteenden är färdiga skript för vanliga uppgifter. Du kan lägga till ett beteende och sedan enkelt konfigurera det på beteendepanelen. Beteenden är bara tillgängliga för ActionScript 2.0 och tidigare versioner.

• Störst flexibilitet och kontroll över dokumentet får du dock om du skriver ett eget ActionScript. Men då krävs det att du lär dig mer om språket och reglerna i ActionScript.

• Komponenterna är färdiga filmklipp som gör att du kan implementera komplexa funktioner. En komponent kan vara en enkel kontroll i användargränssnittet (t.ex. en kryssruta) eller en mer komplicerad kontroll (t.ex. ett rullningsfönster). Du kan anpassa funktionen och utseendet hos en komponent och du kan hämta komponenter som skapats av andra utvecklare. De flesta komponenter kräver att du skriver en del egen ActionScript-kod för att du ska kunna kontrollera och utlösa dem. Mer information finns i Använda ActionScript 3.0-komponenter.

Skriva ActionScript

När du skriver ActionScript-kod i utvecklingsmiljön använder du åtgärdspanelen eller skriptrutan. Åtgärdspanelen och skriptrutan innehåller en komplett kodredigerare med funktioner som kodtips, kodfärgning, kodformatering och syntaxmarkering. Den innehåller även felsökning, radnummer, automatisk radbrytning och stöd för Unicode.

• Använd åtgärdspanelen när du vill skriva skript som är en del av ett Animate-dokument (det vill säga skript som är inbäddade i FLA-filen). Åtgärdspanelen innehåller funktioner som verktygslådan Åtgärder, vilket ger dig snabb åtkomst till de viktigaste ActionScript-språkelementen. Du får besked om de element som kräver att du skapar skript.

• Använd skriptrutan om du vill skriva externa skript, det vill säga skript och klasser som lagras i externa filer. (Du kan också använd ett textredigeringsprogram för att skapa en extern AS-fil.) Skriptrutan innehåller olika kodhjälpsfunktioner, t.ex. kodtips och kodfärgning, syntaxkontroll och automatisk formatering.

Mer rekommenderad användarhjälp

• Komma igång med ActionScript 3.0 (CS3) (3:25)

• Optimera animeringar och FLA-filer (7:24) (CS3)

• Skapa en dokumentklass med ActionScript 3.0 (CS3) (2:38)

• Skapa ett effektivt arbetsflöde mellan design och utveckling (CS3) (3:41)

• Använda komponenter (CS3) (1:47)

• YouTube.com-lista över ActionScript-kanaler

I följande artiklar och självstudier finns mer utförlig information om hur du arbetar med ActionScript:

• Migreringstabell för ActionScript 3 (Adobe.com)

Översikt över panelen Utdata

När du kör en dokumenttyp visar utdatapanelen information eller varningar som gäller åtgärder, t.ex. dokumentkonvertering och publicering. Om du vill visa den här informationen lägger du till trace()-programsatser till koden eller använder kommandona List Objects och List Variables.

Om du använder programsatsen trace() i dina skript kan du skicka specifik information till utdatapanelen när SWF-filen körs. Det rör sig bland annat om noteringar om SWF-filens status eller värdet för ett uttryck. 

Panelen Utdata har följande menyalternativ:

• Kopiera: Allt innehåll kopieras från utdatapanelen till datorns urklippshanterare. Om du bara vill kopiera en del av innehållet i utdatapanelen markerar du det du vill kopiera och väljer därefter Kopiera.
• Rensa: Rensar innehållet i utdatapanelen.
• Visa utdata: Visar innehållet i utdatapanelen.
• Lås: Låser panelen. Du kan ändra storlek på panelen, men du kan inte flytta eller dra den.
• Hjälp: Hämtar direkthjälpen till utdatapanelen.
• Stäng: Stänger utdatapanelen.
• Stäng grupp: Stänger hela panelgruppen. Du kan samtidigt docka flera paneler som tidslinjen, utdatapanelen och panelen med kompileringsfel.

Om du vill visa eller dölja utdatapanelen väljer du Fönster > Utdata eller trycker på F2.

Åtgärdspanelen

Letar du efter språkreferensen?

Om du vill hitta referensdokumentation för ett specifikt språkelement i ActionScript ska du göra något av följande:

• Öppna språkreferensen för ActionScript 3.0 och sök efter språkelementet.

• Skriv språkelementet på panelen Åtgärder, markera det och tryck sedan på F1 (tryck omedelbart på F1).
  

Om ActionScript®

Använd följande resurser om du vill lära dig skriva ActionScript-kod:

• Om ActionScript® 3.0

• Språkreferens för komponenter i ActionScript 3.0

• Om ActionScript 2.0 i Adobe Animate

• ActionScript 2.0 Language Reference

 ActionScript 3.0 och 2.0 är inte kompatibla med varandra. Välj endast en version för varje FLA-fil du skapar.

Översikt över panelen Åtgärder

Om du vill skapa skript inbäddade i en FLA-fil, skriver du ActionScript direkt på panelen Åtgärder (Fönster > Åtgärder eller trycker på F9).

Panelen Åtgärder består av två rutor:

Här skriver du ActionScript-kod som associeras med den bildruta som är markerad just nu.

Här listas alla skript i dina Animate-dokument och du kan snabbt förflytta dig mellan dem. Om du vill visa skriptet i skriptrutan klickar du på ett objekt i skriptnavigeraren.

På åtgärdspanelen kommer du åt kodhjälpsfunktioner som underlättar och effektiviserar ActionScript-kodningen. Med den här funktionen kan du lägga till globala skript och tredjepartskript som inte är specifika för bildrutor och som kan användas på hela animeringen i Animate. Mer information finns i avsnittet Lägga till globala skript och skript från andra utvecklare på den här sidan.

• Kör skript: Kör skriptet
• Fäst skript: Fäster skriptet vid fästflikarna för individuella skript i skriptrutan och flyttar dem därefter. Den här funktionen är användbar om du inte har organiserat koden i din FLA-fil på en enda central plats. Den är även användbar om du använder flera skript. Du kan fästa ett skript när du vill hålla platsen för koden öppen i åtgärdspanelen och växla mellan olika öppna skript. Den här funktionen kan vara användbar vid felsökning.
• Infoga instanssökväg och namn: Gör att du kan ange en absolut eller relativ målsökväg för en åtgärd i skriptet.
• Sök: Hittar och ersätter text i skript.
• Formatera kod: Hjälper dig att formatera koden.
• Kodfragment: Öppnar panelen Kodfragment som visar exempel på kodfragment.
  
• Lägga till med guiden: Klicka på den här knappen för att lägga till åtgärder med hjälp av en lättanvänd guide utan att behöva skriva kod.
• Hjälp: Visar referensinformation för det ActionScript-element som är markerat i skriptrutan. Om du exempelvis först klickar på en import-sats och därefter på Hjälp kommer referensinformationen för import att visas på hjälppanelen.

Använda kodguiden för åtgärder

Du kan lägga till interaktivitet i HTML5-kompositioner med alternativet Lägg till med guide på åtgärdspanelen. Lägg till med guide är ett förenklat användargränssnitt som lägger till kod på dina kompositioner.

Du kan välja Aktuell markering på menyn när du markerar ett objekt på scenen och kör kodguiden för åtgärder. Du kan också välja tidslinjen och komponentåtgärder för koden.

Förbättra animeringarnas interaktivitet

Interaktivitet är en viktig del av en animering som lyfter den visuella upplevelsen. Vill du lära dig hur du lägger till åtgärder i videon utan koder? Titta på självstudiekursen i slutet av det här exemplet och följ stegen.

Lägga till interaktivitet i animeringar

Använda skriptrutan

I skriptrutan kan du skapa externa skriptfiler som du sedan importerar till program. Dessa skript kan vara ActionScript- eller Animate JavaScript-filer.

Du kan också lägga till globala skript och skript från andra utvecklare i HTML5 Canvas-dokument. Mer information finns i avsnittet Lägga till globala skript och skript från andra utvecklare i Skapa och publicera HTML5 Canvas-dokument i Animate

Om du har mer än en extern fil öppen visas filnamnen på flikar högst upp i skriptrutan.

I skriptrutan kan du använda funktioner som PinScript, sök och ersätt, syntaxfärgning, formatera kod, kodtips och kommentarer samt kodkomprimering. Du kan också använda felsökningsalternativ (endast ActionScript-filer) och automatisk radbrytning. I skriptrutan kan du också visa radnummer och dolda tecken.

Skapa en extern fil i skriptrutan

Redigera en befintlig fil i skriptrutan

• Välj Arkiv > Öppna, och välj sedan en AS-fil när du vill öppna ett befintligt skript.

• Klicka på dokumentfliken som visar namnet på det skript som du vill redigera om det redan är öppet.

Verktyg på åtgärdspanelen och i skriptrutan

På åtgärdspanelen kommer du åt kodhjälpsfunktioner som underlättar och effektiviserar ActionScript-kodningen.

Sök 

Söker och ersätter text i skript.

Infoga målsökväg 

(Endast åtgärdspanelen) Hjälper dig att ställa in en absolut eller relativ målsökväg för en åtgärd i skriptet.

Hjälp 

Visar referensinformation för det ActionScript-element som är markerat i skriptrutan. Om du exempelvis först klickar på en import-sats och därefter på Hjälp kommer referensinformationen för import att visas på hjälppanelen.

Kodfragment

Öppnar panelen Kodfragment, som visar exempel på kodfragment.

Lägg till med guide

Hjälper dig att lägga till kod för åtgärder med hjälp av gränssnitt utan att behöva skriva kod. 

Få åtkomst till sammanhangsberoende hjälp från åtgärdspanelen

Ange ActionScript-inställningar

När du redigerar kod i åtgärdspanelen eller skriptfönstret kan du ställa in och ändra en uppsättning med inställningar.