Skip to main content

Animazione del cliente

IL Animazione del cliente La funzionalità consente di animare le visualizzazioni in modo rapido e semplice. L'animazione viene eseguita indipendentemente dal ciclo di attività dell'attività di visualizzazione. VISU_TASK Il carico di lavoro di elaborazione necessario per l'animazione viene eseguito direttamente nel client.

Avviso

Kann auch veraltet seinProgetto di esempio per la funzionalità di animazione del client

Movimento

Ad esempio, un elemento di visualizzazione può avvicinarsi a una posizione target, ruotare dinamicamente o apparire con transizioni fluide.

Proprietà animabile

Movimento

Movimento assoluto, Movimento, X, E

La posizione target specificata viene raggiunta.

Movimento assoluto, Rotazione interna

Movimento assoluto, Rotazione esterna

La rotazione viene animata dall'angolazione precedente a quella nuova.

Anche i gruppi, i frame e i controlli nativi possono ruotare.

Sovrapposizione

Gli elementi di visualizzazione e i controlli nativi possono essere sovrapposti o sovrapposti da elementi o elementi di dialogo.

_cds_img_element_overlay.png

Animazione temporale

. Animazione temporale

  • I dialoghi vengono mostrati e nascosti con transizioni fluide.

  • Gli elementi vengono mostrati e nascosti con transizioni fluide. È possibile controllare l'utilizzo del variabile di stato, Invisibile proprietà relativa alla visibilità di un elemento di visualizzazione.

  • I menu vengono visualizzati senza problemi.

  • Le visualizzazioni delle cornici cambiano senza soluzione di continuità, entrando e uscendo dalla vista con transizioni fluide.

Animazione dell'immagine

Le immagini in formato grafico GIF o come grafica vettoriale SVG vengono interpretate come animazioni e visualizzate in movimento durante l'esecuzione.

Attivazione dell'animazione client

Requisito: Il CODESYS il progetto contiene un'applicazione con una visualizzazione.

  1. Nel Dispositivi visualizzare, aprire Gestione visualizzazioni.

  2. Selezionare il Supporta le animazioni del cliente e la sovrapposizione di elementi nativi opzione.

    Nota

    Questa opzione viene visualizzata solo quando CODESYS WebVisu clienti o CODESYS TargetVisu i client sono stati inseriti sotto il Visualization Manager. Tuttavia, CODESYS TargetVisu i client devono supportare questa funzione.

    Gli elementi di visualizzazione sono configurati con Durata dell'animazione E Portare in primo piano proprietà. Ora l'animazione del client è abilitata.

Configurazione dell'elemento di visualizzazione

Un elemento di visualizzazione viene animato automaticamente quando almeno una proprietà animabile cambia il suo valore in fase di esecuzione. In questo caso, la durata dell'animazione è diversa da 0 ed è stata configurata in Durata dell'animazione proprietà. L'animazione viene elaborata dal client.

Requisito: l'animazione del client è abilitata.

  1. Seleziona un elemento di visualizzazione.

  2. Nel rispettivo Proprietà vista, nel Durata dell'animazione campo di input, specificare il valore 500.

    Ora l'animazione dura 500 millisecondi.

  3. Dichiarare le variabili di posizione, ad esempio nell'editor dell'interfaccia della visualizzazione.

    Editor di interfaccia

    VAR
    iXPosition : INT;
    iYPosition : INT;
END_VAR

  4. Selezionare il Movimento assoluto, Movimento, X proprietà e assegna la variabile iXPosition.

  5. Selezionare il Movimento assoluto, Movimento, E proprietà e assegna la variabile iYPosition.

  6. Programmare una configurazione di input, ad esempio per controllare una modifica di posizione.

    Configurazione di input, Al clic del mouse proprietà: Esegui codice ST.

    Esegui codice ST

    iXPosition := 100;
iYPosition := 100;

  7. Crea, avvia e scarica l'applicazione.

    L'applicazione con la visualizzazione è in esecuzione. Quando l'utente clicca sull'elemento di visualizzazione, questo si sposta dinamicamente nella posizione impostata.

In questa sezione: