Kodfragment som kopplar en klickhanterare till en knapp
- Användarhandbok om Adobe Animate
- Introduktion till Animate
- Animering
- Grunderna vid animering i Animate
- Så här använder du bildrutor och nyckelbildrutor i Animate
- Animering bildruta för bildruta i Animate
- Så här arbetar du med klassiska övergångsanimeringar i Animate
- Pensel
- Rörelseguide
- Rörelseinterpoleringar och ActionScript 3.0
- Om övergångsanimeringar med rörelse
- Animeringar med rörelseinterpolering
- Skapa en animering med rörelseinterpolering
- Använda nyckelbildrutor för egenskaper
- Animera placering med en interpolering
- Så här redigerar du rörelseinterpoleringar med rörelseredigeraren
- Redigera rörelsebanan för en interpolerad animering
- Ändra rörelseinterpoleringar
- Lägga till anpassade övergångar
- Skapa och använda förinställda rörelser
- Konfigurera interpoleringsintervall för animeringar
- Arbeta med rörelseinterpoleringar sparade som XML-filer
- Rörelseinterpoleringar jämfört med klassiska interpoleringar
- Skapa övergångar
- Använda animeringar med benverktyget i Animate
- Arbeta med figurriggning i Animate
- Så här använder du maskeringslager i Adobe Animate
- Så här arbetar du med scener i Animate
- Interaktivitet
- Så här skapar du knappar med Animate
- Konvertera Animate-projekt till andra dokumenttypsformat
- Skapa och publicera HTML5 Canvas-dokument i Animate
- Lägga till interaktivitet med kodfragment i Animate
- Skapa anpassade HTML5-komponenter
- Använda komponenter i HTML5 Canvas
- Skapa anpassade komponenter: Exempel
- Kodfragment för anpassade komponenter
- God praxis - annonsera med Animate
- Redigera och publicera VR
- Arbetsyta och arbetsflöde
- Skapa och hantera målarpenslar
- Använda Google Fonts i HTML5 Canvas-dokument
- Använda Creative Cloud Libraries och Adobe Animate
- Använda scen- och verktygspanelerna i Animate
- Arbetsflöde och arbetsyta i Animate
- Använda webbteckensnitt i HTML5 Canvas-dokument
- Tidslinjer och ActionScript
- Arbeta med flera tidslinjer
- Ange inställningar
- Använda redigeringspanelerna i Animate
- Skapa tidslinjelager med Animate
- Exportera animeringar för mobilprogram och spelplattformar
- Flytta och kopiera objekt
- Mallar
- Söka och ersätta i Animate
- Ångra, gör om och panelen Historik
- Kortkommandon
- Så här använder du tidslinjen i Animate
- Skapa HTML-tillägg
- Optimeringsalternativ för bilder och animerade GIF-filer
- Exportinställningar för bilder och GIF-filer
- Panelen Resurser i Animate
- Multimedia och video
- Omforma och kombinera grafikobjekt i Animate
- Skapa och arbeta med symbolinstanser i Animate
- Bildkalkering
- Så här använder du ljud i Adobe Animate
- Exportera SVG-filer
- Skapa videofiler för användning i Animate
- Så här lägger du till en video i Animate
- Rita och skapa objekt med Animate
- Omforma linjer och former
- Linjer, fyllningar och övertoningar med Animate CC
- Arbeta med Adobe Premiere Pro och After Effects
- Färgpaneler i Animate CC
- Öppna Flash CS6-filer i Animate
- Arbeta med klassisk text i Animate
- Placera grafik i Animate
- Importerade bitmappar i Animate
- 3D-grafik
- Arbeta med symboler i Animate
- Rita linjer och former med Adobe Animate
- Arbeta med bibliotek i Animate
- Exportera ljud
- Markera objekt i Animate CC
- Arbeta med Illustrator AI-filer i Animate
- Använda blandningslägen
- Ordna objekt
- Automatisera uppgifter med kommandomenyn
- Flerspråkig text
- Använda kameran i Animate
- Grafikfilter
- Ljud och ActionScript
- Ritinställningar
- Rita med ritstift
- Plattformar
- Konvertera Animate-projekt till andra dokumenttypsformat
- Stöd för anpassade plattformar
- Skapa och publicera HTML5 Canvas-dokument i Animate
- Skapa och publicera ett WebGL-dokument
- Så här paketerar du AIR för iOS-program
- Publicera AIR for Android-program
- Publicera för Adobe AIR för datorprogram
- Inställningar för ActionScript-publicering
- God praxis – organisera ActionScript i ett program
- Så här använder du ActionScript med Animate
- Hjälpmedel på arbetsytan i Animate
- Skriva och hantera skript
- Aktivera stöd för anpassade plattformar
- Översikt över stöd för anpassade plattformar
- Arbeta med plugin-program för anpassade plattformar
- Felsöka ActionScript 3.0
- Aktivera stöd för anpassade plattformar
- Exportera och publicera
- Så här exporterar du filer från Animate CC
- OAM-publicering
- Exportera SVG-filer
- Exportera bilder och video med Animate
- Publicera AS3-dokument
- Exportera animeringar för mobilprogram och spelplattformar
- Exportera ljud
- God praxis – tips för att skapa innehåll på mobila enheter
- God praxis – videokonventioner
- God praxis – riktlinjer för utveckling av SWF-program
- God praxis – strukturera FLA-filer
- De bästa sätten att optimera FLA-filer för Animate
- Inställningar för ActionScript-publicering
- Ange publiceringsinställningar för Animate
- Exportera projektorfiler
- Exportera bilder och animerade GIF-filer
- Publiceringsmallar för HTML
- Arbeta med Adobe Premiere Pro och After Effects
- Dela och publicera animeringar snabbt
- Felsökning
Läs den här artikeln om du vill veta mer om kodfragment för anpassade komponenter
Du kan lägga till kodfragment till dina anpassade komponenter för att förenkla interaktionen med komponenten. Vi kan ta en titt på två exempel i Animate. De nya kodfragmenten läggs till i avsnittet HTML5 Canvas- > Komponenter.
-
// Inaktivera flera hanterare, eftersom dessa kan användas i bildruteskript if(!this.instance_name_here_click_cbk) { function instance_name_here_click(evt) { // Starta din anpassade kod console.log(”Button clicked”); // Avsluta din anpassade kod } // Bifoga en händelsehanterare för det överordnade objektet med filtret som // komponentinstansens id $("#dom_overlay_container").on("click", "#instance_name_here", instance_name_here_click.bind(this)); this.instance_name_here_click_cbk = true; }
Tänk på att hanteraren är kopplad till den överordnade instansen (dom_overlay_container) med filtret angett för komponentinstansen. Detta är viktigt eftersom komponentinstansen kanske inte finns när du försöker koppla hanteraren. Det ser till att händelsehanterare utlöses korrekt.
Du kan ange händelsehanterare för anpassade komponenter på liknande sätt.
-
Kodfragment som hämtar värden från indatakontroller
console.log($("#instance_name_here").val());
-
Kodfragment som körs när komponentinstansen kopplas till DOM
// Lyssna på den bifogade händelsen, som utlöses av komponentkörningen $(”#dom_overlay_container”).on(”attached”, function(evt, param) { // Kontrollera instansens id if(param && param.id == ’movieClip_1’) { $(”#movieClip_1”).text(”My Button"); } });