Guida utente Annulla

Snippet di codice per componenti personalizzati

Cerca
Animate

Animate

Apri app
  • Guida utente di Adobe Animate
    1. Novità di Animate
    2. Glossario visivo
    3. Requisiti di sistema per Animate
    4. Scelte rapide da tastiera di Animate
    5. Utilizzare diversi tipi di file in Animate
    1. Concetti di base sulle animazioni in Animate
    2. Come utilizzare i fotogrammi e i fotogrammi chiave in Animate
    3. Animazione fotogramma per fotogramma in Animate
    4. Come lavorare con le animazioni interpolate classiche in Animate
    5. Strumento Pennello
    6. Guida di movimento
    7. Interpolazione di movimento e ActionScript 3.0
    8. Informazioni sull’animazione con interpolazione di movimento
    9. Animazioni con interpolazione di movimento
    10. Creazione di un’animazione con interpolazione di movimento
    11. Utilizzo dei fotogrammi chiave di proprietà
    12. Animare la posizione con un'interpolazione
    13. Come modificare le interpolazioni di movimento con l'Editor movimento
    14. Modifica del tracciato di movimento di un’animazione con interpolazione
    15. Manipolazione delle interpolazioni di movimento
    16. Aggiunta di andamenti personalizzati
    17. Creazione e applicazione di preimpostazioni di movimento
    18. Impostazione delle estensioni di interpolazione per l’animazione
    19. Operazioni con le interpolazioni di movimento salvate come file XML
    20. Interpolazioni di movimento e classiche a confronto
    21. Interpolazione di forme
    22. Utilizzare lo strumento di animazione Osso in Animate
    23. Utilizzare il rigging dei personaggi in Animate
    24. Come utilizzare i livelli maschera in Adobe Animate
    25. Come utilizzare le scene in Animate
  • Interattività
    1. Come creare pulsanti con Animate
    2. Convertire progetti Animate in altri formati di tipi di documenti
    3. Creare e pubblicare documenti HTML5 Canvas in Animate
    4. Aggiungere interattività con gli snippet di codice in Animate
    5. Creazione di componenti HTML5 personalizzati
    6. Utilizzo dei componenti in HTML5 Canvas
    7. Creazione di componenti personalizzati: esempi
    8. Snippet di codice per componenti personalizzati
    9. Best practice - Pubblicità con Animate
    10. Creazione e pubblicazione di contenuti in realtà virtuale
    1. Creazione e gestione dei pennelli artistici
    2. Utilizzo di Google Fonts nei documenti HTML5 Canvas
    3. Utilizzo di Creative Cloud Libraries con Adobe Animate
    4. Utilizzare il pannello Strumenti e Stage per Animate
    5. Flusso di lavoro e area di lavoro di Animate
    6. Utilizzo di font Web nei documenti HTML5 Canvas
    7. Linee temporali e ActionScript
    8. Operazioni con più linee temporali
    9. Impostare le preferenze
    10. Uso dei pannelli di creazione di Animate
    11. Creare livelli della linea temporale con Animate
    12. Esportare animazioni per dispositivi mobili e motori grafici
    13. Spostamento e copia degli oggetti
    14. Modelli
    15. Trova e sostituisci in Animate
    16. Annulla, Ripeti e il pannello Cronologia
    17. Scelte rapide da tastiera
    18. Come utilizzare la linea temporale in Animate
    19. Creazione di estensioni HTML
    20. Opzioni di ottimizzazione per immagini e GIF animati
    21. Impostazioni per l’esportazione di immagini e file GIF
    22. Pannello Risorse in Animate
    1. Trasformazione e combinazione di oggetti grafici in Animate
    2. Creazione e utilizzo di istanze di simboli in Animate
    3. Ricalco immagine
    4. Come utilizzare l’audio in Adobe Animate
    5. Esportazione di file SVG
    6. Creare file video da utilizzare in Animate
    7. Come aggiungere un video in Animate
    8. Disegnare e creare oggetti con Animate
    9. Rimodellare linee e forme
    10. Tratti, riempimenti e gradienti con Animate CC
    11. Utilizzo di Adobe Premiere Pro e After Effects
    12. Pannelli per il colore in Animate CC
    13. Apertura di file Flash CS6 con Animate
    14. Utilizzare il testo classico in Animate
    15. Inserimento di grafica in Animate
    16. Bitmap importate in Animate
    17. Grafica 3D
    18. Utilizzo dei simboli in Animate
    19. Disegnare linee e forme con Adobe Animate
    20. Utilizzare le librerie in Animate
    21. Esportazione di suoni
    22. Selezione degli oggetti in Animate CC
    23. Utilizzare i file AI di Illustrator in Animate
    24. Applicazione di metodi di fusione
    25. Disposizione degli oggetti
    26. Automazione delle operazioni con il menu Comandi
    27. Testo in più lingue
    28. Utilizzo della funzione Videocamera di Animate
    29. Filtri grafici
    30. Suono e ActionScript
    31. Preferenze di disegno
    32. Disegno con lo strumento Penna
    1. Convertire progetti Animate in altri formati di tipi di documenti
    2. Supporto piattaforme personalizzato
    3. Creare e pubblicare documenti HTML5 Canvas in Animate
    4. Creazione e pubblicazione di un documento WebGL
    5. Come creare pacchetti di applicazioni per AIR per iOS
    6. Pubblicazione di applicazioni AIR for Android
    7. Pubblicazione per Adobe AIR per desktop
    8. Impostazioni di pubblicazione ActionScript
    9. Procedure ottimali - Organizzazione del codice ActionScript in un’applicazione
    10. Come utilizzare ActionScript con Animate
    11. Accessibilità dell’area di lavoro di Animate
    12. Creazione e gestione di script
    13. Abilitazione del supporto per piattaforme personalizzate
    14. Panoramica di Supporto piattaforme personalizzate
    15. Operazioni con i plug-in di Supporto piattaforme personalizzate
    16. Debug di ActionScript 3.0
    17. Abilitazione del supporto per piattaforme personalizzate
    1. Come esportare i file da Animate CC
    2. Pubblicazione OAM
    3. Esportazione di file SVG
    4. Esportazione di elementi grafici e video con Animate
    5. Pubblicazione di documenti AS3
    6. Esportare animazioni per dispositivi mobili e motori grafici
    7. Esportazione di suoni
    8. Best practice - Suggerimenti per la creazione di contenuti per dispositivi mobili
    9. Best practice - Convenzioni per i contenuti video
    10. Best practice - Linee guida per la creazione di applicazioni SWF
    11. Best practice - Strutturazione dei file FLA
    12. Best practice per ottimizzare i file FLA per Animate
    13. Impostazioni di pubblicazione ActionScript
    14. Specificare le impostazioni di pubblicazione per Animate
    15. Esportazione di file proiettore
    16. Esportare immagini e GIF animati
    17. Modelli di pubblicazione HTML
    18. Utilizzo di Adobe Premiere Pro e After Effects
    19. Condividere e pubblicare rapidamente le animazioni
    1. Problemi risolti
    2. Problemi noti
    1. Guida utente di Adobe Animate
      1. Novità di Animate
      2. Glossario visivo
      3. Requisiti di sistema per Animate
      4. Scelte rapide da tastiera di Animate
      5. Utilizzare diversi tipi di file in Animate
      1. Concetti di base sulle animazioni in Animate
      2. Come utilizzare i fotogrammi e i fotogrammi chiave in Animate
      3. Animazione fotogramma per fotogramma in Animate
      4. Come lavorare con le animazioni interpolate classiche in Animate
      5. Strumento Pennello
      6. Guida di movimento
      7. Interpolazione di movimento e ActionScript 3.0
      8. Informazioni sull’animazione con interpolazione di movimento
      9. Animazioni con interpolazione di movimento
      10. Creazione di un’animazione con interpolazione di movimento
      11. Utilizzo dei fotogrammi chiave di proprietà
      12. Animare la posizione con un'interpolazione
      13. Come modificare le interpolazioni di movimento con l'Editor movimento
      14. Modifica del tracciato di movimento di un’animazione con interpolazione
      15. Manipolazione delle interpolazioni di movimento
      16. Aggiunta di andamenti personalizzati
      17. Creazione e applicazione di preimpostazioni di movimento
      18. Impostazione delle estensioni di interpolazione per l’animazione
      19. Operazioni con le interpolazioni di movimento salvate come file XML
      20. Interpolazioni di movimento e classiche a confronto
      21. Interpolazione di forme
      22. Utilizzare lo strumento di animazione Osso in Animate
      23. Utilizzare il rigging dei personaggi in Animate
      24. Come utilizzare i livelli maschera in Adobe Animate
      25. Come utilizzare le scene in Animate
    4. Interattività
      1. Come creare pulsanti con Animate
      2. Convertire progetti Animate in altri formati di tipi di documenti
      3. Creare e pubblicare documenti HTML5 Canvas in Animate
      4. Aggiungere interattività con gli snippet di codice in Animate
      5. Creazione di componenti HTML5 personalizzati
      6. Utilizzo dei componenti in HTML5 Canvas
      7. Creazione di componenti personalizzati: esempi
      8. Snippet di codice per componenti personalizzati
      9. Best practice - Pubblicità con Animate
      10. Creazione e pubblicazione di contenuti in realtà virtuale
      1. Creazione e gestione dei pennelli artistici
      2. Utilizzo di Google Fonts nei documenti HTML5 Canvas
      3. Utilizzo di Creative Cloud Libraries con Adobe Animate
      4. Utilizzare il pannello Strumenti e Stage per Animate
      5. Flusso di lavoro e area di lavoro di Animate
      6. Utilizzo di font Web nei documenti HTML5 Canvas
      7. Linee temporali e ActionScript
      8. Operazioni con più linee temporali
      9. Impostare le preferenze
      10. Uso dei pannelli di creazione di Animate
      11. Creare livelli della linea temporale con Animate
      12. Esportare animazioni per dispositivi mobili e motori grafici
      13. Spostamento e copia degli oggetti
      14. Modelli
      15. Trova e sostituisci in Animate
      16. Annulla, Ripeti e il pannello Cronologia
      17. Scelte rapide da tastiera
      18. Come utilizzare la linea temporale in Animate
      19. Creazione di estensioni HTML
      20. Opzioni di ottimizzazione per immagini e GIF animati
      21. Impostazioni per l’esportazione di immagini e file GIF
      22. Pannello Risorse in Animate
      1. Trasformazione e combinazione di oggetti grafici in Animate
      2. Creazione e utilizzo di istanze di simboli in Animate
      3. Ricalco immagine
      4. Come utilizzare l’audio in Adobe Animate
      5. Esportazione di file SVG
      6. Creare file video da utilizzare in Animate
      7. Come aggiungere un video in Animate
      8. Disegnare e creare oggetti con Animate
      9. Rimodellare linee e forme
      10. Tratti, riempimenti e gradienti con Animate CC
      11. Utilizzo di Adobe Premiere Pro e After Effects
      12. Pannelli per il colore in Animate CC
      13. Apertura di file Flash CS6 con Animate
      14. Utilizzare il testo classico in Animate
      15. Inserimento di grafica in Animate
      16. Bitmap importate in Animate
      17. Grafica 3D
      18. Utilizzo dei simboli in Animate
      19. Disegnare linee e forme con Adobe Animate
      20. Utilizzare le librerie in Animate
      21. Esportazione di suoni
      22. Selezione degli oggetti in Animate CC
      23. Utilizzare i file AI di Illustrator in Animate
      24. Applicazione di metodi di fusione
      25. Disposizione degli oggetti
      26. Automazione delle operazioni con il menu Comandi
      27. Testo in più lingue
      28. Utilizzo della funzione Videocamera di Animate
      29. Filtri grafici
      30. Suono e ActionScript
      31. Preferenze di disegno
      32. Disegno con lo strumento Penna
      1. Convertire progetti Animate in altri formati di tipi di documenti
      2. Supporto piattaforme personalizzato
      3. Creare e pubblicare documenti HTML5 Canvas in Animate
      4. Creazione e pubblicazione di un documento WebGL
      5. Come creare pacchetti di applicazioni per AIR per iOS
      6. Pubblicazione di applicazioni AIR for Android
      7. Pubblicazione per Adobe AIR per desktop
      8. Impostazioni di pubblicazione ActionScript
      9. Procedure ottimali - Organizzazione del codice ActionScript in un’applicazione
      10. Come utilizzare ActionScript con Animate
      11. Accessibilità dell’area di lavoro di Animate
      12. Creazione e gestione di script
      13. Abilitazione del supporto per piattaforme personalizzate
      14. Panoramica di Supporto piattaforme personalizzate
      15. Operazioni con i plug-in di Supporto piattaforme personalizzate
      16. Debug di ActionScript 3.0
      17. Abilitazione del supporto per piattaforme personalizzate
      1. Come esportare i file da Animate CC
      2. Pubblicazione OAM
      3. Esportazione di file SVG
      4. Esportazione di elementi grafici e video con Animate
      5. Pubblicazione di documenti AS3
      6. Esportare animazioni per dispositivi mobili e motori grafici
      7. Esportazione di suoni
      8. Best practice - Suggerimenti per la creazione di contenuti per dispositivi mobili
      9. Best practice - Convenzioni per i contenuti video
      10. Best practice - Linee guida per la creazione di applicazioni SWF
      11. Best practice - Strutturazione dei file FLA
      12. Best practice per ottimizzare i file FLA per Animate
      13. Impostazioni di pubblicazione ActionScript
      14. Specificare le impostazioni di pubblicazione per Animate
      15. Esportazione di file proiettore
      16. Esportare immagini e GIF animati
      17. Modelli di pubblicazione HTML
      18. Utilizzo di Adobe Premiere Pro e After Effects
      19. Condividere e pubblicare rapidamente le animazioni
      1. Problemi risolti
      2. Problemi noti

     

    Questo articolo descrive gli snippet di codice per componenti personalizzati

    Puoi aggiungere snippet di codice a un componente personalizzato per facilitare l’interazione con esso. Vediamo due esempi di snippet forniti con Animate. I nuovi snippet di codice si trovano nella sezione HTML5 Canvas > Componenti.

    1. Snippet di codice per associare un gestore di clic a un pulsante

      // Disabilita più handler, in quanto questi possono essere utilizzati in script di fotogramma
      if(!this.instance_name_here_click_cbk) {
      function instance_name_here_click(evt) {
      // Avvia il codice personalizzato
      console.log("Button clicked");
      // Termina il codice personalizzato
      }
      // Collega un gestore di eventi all’elemento di livello superiore con il filtro come
      // l'ID dell'istanza del componente
      $("#dom_overlay_container").on("click", "#instance_name_here", instance_name_here_click.bind(this));
      this.instance_name_here_click_cbk = true;
      }
      // Disabilita più handler, in quanto questi possono essere utilizzati in script di fotogramma if(!this.instance_name_here_click_cbk) { function instance_name_here_click(evt) { // Avvia il codice personalizzato console.log("Button clicked"); // Termina il codice personalizzato } // Collega un gestore di eventi all’elemento di livello superiore con il filtro come // l'ID dell'istanza del componente $("#dom_overlay_container").on("click", "#instance_name_here", instance_name_here_click.bind(this)); this.instance_name_here_click_cbk = true; }
      // Disabilita più handler, in quanto questi possono essere utilizzati in script di fotogramma
if(!this.instance_name_here_click_cbk) {
 function instance_name_here_click(evt) {
  // Avvia il codice personalizzato
  console.log("Button clicked");
  // Termina il codice personalizzato
 }

 // Collega un gestore di eventi all’elemento di livello superiore con il filtro come 
 // l'ID dell'istanza del componente
$("#dom_overlay_container").on("click", "#instance_name_here", instance_name_here_click.bind(this));
 this.instance_name_here_click_cbk = true;
}

      Tieni presente che il gestore viene allegato all’elemento di livello superiore (dom_overlay_container) con il filtro impostato per l’istanza del componente. Questo è importante, perché l’istanza del componente potrebbe non può essere presente quando tenti di allegare il gestore. In questo modo i gestori di eventi verranno attivati correttamente.

      In modo analogo puoi fornire i gestori di eventi per i componenti personalizzati.

    2. Snippet di codice per ottenere un valore da un controllo di input

      console.log($("#instance_name_here").val());
      console.log($("#instance_name_here").val());
      console.log($("#instance_name_here").val());

    3. Snippet di codice da usare quando l’istanza del componente è associata al DOM

      // Ascolta l'evento associato, generato dal runtime del componente
      $("#dom_overlay_container").on("attached", function(evt, param) {
      // Controlla l'ID dell'istanza
      if(param && param.id == 'movieClip_1') {
      $("#movieClip_1").text("My Button");
      }
      });
      // Ascolta l'evento associato, generato dal runtime del componente $("#dom_overlay_container").on("attached", function(evt, param) { // Controlla l'ID dell'istanza if(param && param.id == 'movieClip_1') { $("#movieClip_1").text("My Button"); } });
      // Ascolta l'evento associato, generato dal runtime del componente

$("#dom_overlay_container").on("attached", function(evt, param) {           
// Controlla l'ID dell'istanza 
if(param && param.id == 'movieClip_1') {                           

$("#movieClip_1").text("My Button");                          
}
});

    Altri argomenti correlati

    Ottieni supporto in modo più facile e veloce

    Nuovo utente?

    Collegamenti rapidi

    Visualizza tutti i tuoi piani Gestione dei piani
    Visualizza collegamenti rapidi
    Nascondi collegamenti rapidi

    Note legali    |    Informativa sulla privacy online