Fragment kódu pro připojení ovladače klikání k tlačítku
- Příručka uživatele aplikace Adobe Animate
- Úvod do aplikace Animate
- Animace
- Základy animování v aplikaci Animate
- Používání snímků a klíčových snímků v aplikaci Animate
- Animace po jednotlivých snímcích v aplikaci Animate
- Práce s animacemi klasických doplnění v aplikaci Animate
- Nástroj Štětec
- Vodítko pohybu
- Doplnění pohybu a ActionScript 3.0
- O animacích s doplněními pohybu
- Animace s doplněním pohybu
- Vytvoření animace s doplněním pohybu
- Používání klíčových snímků vlastností
- Animování polohy pomocí doplnění
- Úpravy doplnění pohybu v editoru pohybu
- Úpravy cesty pohybu u animace s doplněním
- Úpravy doplnění pohybu
- Přidání vlastního náběhu nebo doběhu
- Vytváření a aplikování přednastavení pohybu
- Nastavení rozsahu doplnění animace
- Práce s doplněními pohybu uloženými jako soubory XML
- Srovnání doplnění pohybu a klasických doplnění
- Doplňování tvarů
- Používání animací nástroje Kost v aplikaci Animate
- Sestavování postav v aplikaci Animate
- Používání vrstev masek v aplikaci Adobe Animate
- Práce se scénami v aplikaci Animate
- Interaktivita
- Vytváření tlačítek v aplikaci Animate
- Převod projektů aplikace Animate na jiné typy dokumentů
- Vytváření a publikování dokumentů HTML5 Canvas v aplikaci Animate
- Přidání interaktivity pomocí fragmentů kódu v aplikaci Animate
- Vytváření vlastních komponent HTML5
- Používání komponent v dokumentech HTML5 Canvas
- Vytváření vlastních komponent: Příklady
- Fragmenty kódu pro vlastní komponenty
- Osvědčené postupy – Tvorba reklam v aplikaci Animate
- Vytváření a publikování virtuální reality
- Pracovní plocha a pracovní postupy
- Vytváření a správa malířských štětců
- Používání písem Google v dokumentech HTML5 Canvas
- Používání knihoven Creative Cloud v aplikaci Adobe Animate
- Používání vymezené plochy a panelu nástrojů v aplikaci Animate
- Pracovní postupy a pracovní plocha aplikace Animate
- Používání webových písem v dokumentech HTML5 Canvas
- Časové osy a ActionScript
- Práce s více časovými osami
- Nastavení předvoleb
- Používání vývojových panelů aplikace Animate
- Vytváření vrstev časové osy v aplikaci Animate
- Export animací pro mobilní aplikace a herní moduly
- Přemísťování a kopírování objektů
- Předlohy
- Příkaz Hledat a nahradit v aplikaci Animate
- Vrácení akce, její zopakování a panel Historie
- Klávesové zkratky
- Používání časové osy v aplikaci Animate
- Vytvoření rozšíření HTML
- Možnosti optimalizace obrázků a animovaných souborů GIF
- Export nastavení pro obrázky a soubory GIF
- Panel Datové zdroje v aplikaci Animate
- Multimédia a video
- Transformace a kombinování grafických objektů v aplikaci Animate
- Vytváření a práce s instancemi symbolů v aplikaci Animate
- Vektorizace obrazu
- Používání zvuku v aplikaci Adobe Animate
- Export souborů SVG
- Vytváření souborů videa používaných v aplikaci Animate
- Přidání videa v aplikaci Animate
- Kreslení a vytváření objektů v aplikaci Animate
- Změna čar a tvarů
- Tahy, výplně a přechody v aplikaci Animate
- Práce s aplikacemi Adobe Premiere Pro a After Effects
- Panely barev v aplikaci Animate
- Otevírání souborů aplikace Flash CS6 v aplikaci Animate
- Práce s klasickým textem v aplikaci Animate
- Vložení grafiky do aplikace Animate
- Importované bitmapy v aplikaci Animate
- 3D grafika
- Práce se symboly v aplikaci Animate
- Kreslení čar a tvarů v aplikaci Adobe Animate
- Práce s knihovnami v aplikaci Animate
- Export zvuků
- Výběr objektů v aplikaci Animate
- Práce se soubory aplikace Illustrator (AI) v aplikaci Animate
- Používání režimů prolnutí
- Uspořádání objektů
- Automatizace úloh pomocí nabídky Příkazy
- Vícejazyčný text
- Používání kamery v aplikaci Animate
- Grafické filtry
- Zvuk a ActionScript
- Předvolby kreslení
- Kreslení nástrojem Pero
- Platformy
- Převod projektů aplikace Animate na jiné typy dokumentů
- Podpora vlastní platformy
- Vytváření a publikování dokumentů HTML5 Canvas v aplikaci Animate
- Vytvoření a publikování dokumentu ve formátu WebGL
- Balení aplikací pro prostředí AIR for iOS
- Publikování aplikací prostředí AIR for Android
- Publikování pro prostředí Adobe AIR pro počítače
- Nastavení publikování jazyka ActionScript
- Osvědčené postupy – Uspořádání ActionScriptu v aplikaci
- Používání jazyka ActionScript v aplikaci Animate
- Usnadnění přístupu v pracovním prostoru aplikace Animate
- Psaní a správa skriptů
- Povolení podpory vlastních platforem
- Přehled podpory vlastních platforem
- Práce se zásuvným modulem pro podporu vlastní platformy
- Ladění jazyka ActionScript 3.0
- Povolení podpory vlastních platforem
- Export a publikování
- Export souborů z aplikace Animate
- Publikování OAM
- Export souborů SVG
- Export grafiky a videa v aplikaci Animate
- Publikování dokumentů AS3
- Export animací pro mobilní aplikace a herní moduly
- Export zvuků
- Osvědčené postupy – Tipy pro vytváření obsahu pro mobilní zařízení
- Osvědčené postupy – Konvence videa
- Osvědčené postupy – Pravidla pro vývoj aplikací SWF
- Osvědčené postupy – Strukturování souborů FLA
- Osvědčené postupy pro optimalizaci souborů FLA pro Animate
- Nastavení publikování jazyka ActionScript
- Nastavení publikování v aplikaci Animate
- Export souborů projektoru
- Export obrázků a animovaných souborů GIF
- Předlohy publikování HTML
- Práce s aplikacemi Adobe Premiere Pro a After Effects
- Rychlé sdílení a publikování animací
- Řešení problémů
Toto téma popisuje, jak lze použít fragmenty kódu pro vlastní komponenty.
K vlastním komponentám můžete přidávat fragmenty kódu, které vám usnadní interakci s komponentou. Podívejme se na dva příklady dostupné v aplikaci Animate. Tyto dva nové fragmenty kódu najdete v části HTML5 Canvas -> Komponenty.
-
// Zakažte více obslužných rutin, protože mohou být použity ve skriptech snímků if(!this.instance_name_here_click_cbk) { function instance_name_here_click(evt) { // Spusťte svůj vlastní kód console.log("Kliknutí na tlačítko"); // Ukončete svůj vlastní kód } // Připojte obslužnou rutinu události k nadřazenému objektu s filtrem jako // ID instance komponenty $(„#dom_overlay_container“).on("click", "#instance_name_here", instance_name_here_click.bind(this)); this.instance_name_here_click_cbk = true; }
Všimněte si, že ovladač je přiřazen k nadřazenému objektu (dom_overlay_container) s filtrem nastaveným na instanci komponenty. To je důležité, protože instance komponenty nemusí být přítomna, když se snažíte připojit ovladač. Zajišťuje se tím, že ovladače událostí se budou spouštět správně.
Podobným způsobem můžete přidávat ovladače událostí i ke svým vlastním komponentám.
-
Fragment kódu pro načtení hodnoty z libovolného vstupního ovládacího prvku
console.log($("#instance_name_here").val());
-
Fragment kódu, který se spustí, když je instance komponenty přiřazená k modelu DOM
// Poslechněte si připojenou událost vyvolanou modulem runtime komponenty $("#dom_overlay_container").on("attached", function(evt, param) { // Zkontrolujte ID instance if(param && param.id == 'movieClip_1') { $("#movieClip_1").text("Moje tlačítko"); } });