Modificare l'interpolazione di animazione tra fotogrammi chiave

Articolo
10/11/2017

L'interpolazione tra i fotogrammi chiave descrive il modo in cui le modifiche delle proprietà vengono animate nell'intervallo di tempo che intercorre tra due fotogrammi chiave. La modifica dell'interpolazione tra fotogrammi chiave consente di ottenere animazioni più realistiche. Se ad esempio si applica un'animazione a una palla che rimbalza, è possibile modificare l'interpolazione tra fotogrammi chiave in modo da rallentare la transizione durante la fase di ascesa della palla e velocizzare la discesa al suolo.

Nella tabella seguente sono descritte le tre modalità nelle quali è possibile impostare l'interpolazione del fotogramma chiave.

Metodo di interpolazione del fotogramma chiave	Descrizione
Selezione di un valore Variazione in entrata o Variazione in uscita Questo si applica solo ai progetti Windows Presentation Foundation (WPF).	È possibile modificare l'interpolazione che si verifica quando si passa da a un fotogramma chiave utilizzando il menu a discesa che viene visualizzato quando si fa clic con il pulsante destro del mouse sul fotogramma chiave. Il menu a discesa include le seguenti opzioni di interpolazione: Variazione in entrata Modifica le modalità in base alle quali il valore della proprietà varia man mano che l'indicatore di riproduzione della sequenza temporale si avvicina al fotogramma chiave. È possibile impostare il grado di interpolazione della velocità rispetto al fotogramma chiave specificando un valore compreso tra 0% (nessuna interpolazione) e 100% (interpolazione completa, ovvero la metà del valore della distanza temporale tra il fotogramma chiave modificato e quello precedente). Variazione in uscita Modifica le modalità in base alle quali il valore della proprietà varia man mano che l'istante in cui è stato definito il fotogramma chiave si allontana. È possibile impostare il grado di interpolazione della velocità rispetto al fotogramma chiave specificando un valore compreso tra 0% (nessuna interpolazione) e 100% (interpolazione completa, ovvero la metà del valore della distanza temporale tra il fotogramma chiave modificato e quello successivo). L'interpolazione tra due fotogrammi chiave sarà lineare se il valore di Variazione in uscita è 0% per il primo fotogramma chiave e il valore di Variazione in entrata è 0% per il secondo fotogramma chiave. L'interpolazione lineare modifica il valore della proprietà in base a incrementi regolari tra i fotogrammi chiave.
Utilizzo del grafico KeySpline	È possibile modificare l'interpolazione che si verifica quando l'indicatore di riproduzione della sequenza temporale si avvicina a un fotogramma chiave utilizzando il grafico KeySpline. In tale grafico vengono tracciati i valori della proprietà animata negli intervalli di tempo tra ogni fotogramma chiave selezionato e quello precedente. In generale, maggiore è l'inclinazione della linea e più rapida è la modifica del valore in quel punto. Quando il grafico è una linea retta che va dall'angolo in basso a sinistra a quello in alto a destra, l'interpolazione è lineare. È possibile trascinare uno dei punti di controllo gialli per modificare la velocità a cui il valore della proprietà viene modificato al passaggio dal fotogramma chiave precedente a quello selezionato. Nota: Il grafico KeySpline e i valori Variazione in entrata e Variazione in uscita sono sincronizzati. La modifica del valore Variazione in entrata influisce sul punto di controllo in alto a destra del grafico KeySpline del fotogramma chiave selezionato. La modifica del valore Variazione in uscita influisce sul punto di controllo in basso a sinistra del grafico KeySpline del fotogramma chiave che segue quello selezionato.
Selezione di una EasingFunction Questo si applica solo ai progetti Microsoft Silverlight.	È possibile modificare l'interpolazione che si verifica quando l'indicatore di riproduzione della sequenza temporale si avvicina a un fotogramma chiave utilizzando il menu a discesa EasingFunction visualizzato nel pannello Proprietà quando si seleziona il fotogramma chiave. Microsoft Expression Blend presenta diverse funzioni di interpolazione predefinite che è possibile selezionare. Analogamente al grafico KeySpline, la funzione di interpolazione viene applicata all'interpolazione che si verifica quando l'indicatore di riproduzione della sequenza temporale si avvicina al fotogramma chiave selezionato. Utilizzare le immagini sui pulsanti nelle colonne In, Out e InOut per decidere quale funzione di interpolazione utilizzare. I pulsanti nella colonna In applicano l'effetto scelto all'inizio di KeySpline, i pulsanti nella colonna Out applicano l'effetto scelto alla fine di KeySpline e i pulsanti nella colonna InOut applicano l'effetto a entrambi. Scegliere il pulsante che rappresenta la modalità di visualizzazione del grafico KeySpline desiderata. Le funzioni di interpolazione personalizzate possono essere programmate utilizzando Silverlight SDK. Per ulteriori informazioni, vedere EasingFunctionBase Class (Classe EasingFunctionBase) (System.Windows.Media.Animation) in MSDN. Per informazioni su Silverlight SDK, fare clic sul pulsante Start, scegliere Tutti i programmi, quindi Microsoft Silverlight SDK e infine Installazione guidata. Nota: Quando si seleziona una EasingFunction, qualsiasi precedente effetto di interpolazione applicato al fotogramma chiave viene rimosso.

Selezione di un valore Variazione in entrata o Variazione in uscita

Questo si applica solo ai progetti Windows Presentation Foundation (WPF).

Cc295256.6194a099-fac7-4048-9abf-f3c2c25fc719(it-it,Expression.40).png

È possibile modificare l'interpolazione che si verifica quando si passa da a un fotogramma chiave utilizzando il menu a discesa che viene visualizzato quando si fa clic con il pulsante destro del mouse sul fotogramma chiave.

Il menu a discesa include le seguenti opzioni di interpolazione:

Variazione in entrata Modifica le modalità in base alle quali il valore della proprietà varia man mano che l'indicatore di riproduzione della sequenza temporale si avvicina al fotogramma chiave. È possibile impostare il grado di interpolazione della velocità rispetto al fotogramma chiave specificando un valore compreso tra 0% (nessuna interpolazione) e 100% (interpolazione completa, ovvero la metà del valore della distanza temporale tra il fotogramma chiave modificato e quello precedente).
Variazione in uscita Modifica le modalità in base alle quali il valore della proprietà varia man mano che l'istante in cui è stato definito il fotogramma chiave si allontana. È possibile impostare il grado di interpolazione della velocità rispetto al fotogramma chiave specificando un valore compreso tra 0% (nessuna interpolazione) e 100% (interpolazione completa, ovvero la metà del valore della distanza temporale tra il fotogramma chiave modificato e quello successivo).

L'interpolazione tra due fotogrammi chiave sarà lineare se il valore di Variazione in uscita è 0% per il primo fotogramma chiave e il valore di Variazione in entrata è 0% per il secondo fotogramma chiave. L'interpolazione lineare modifica il valore della proprietà in base a incrementi regolari tra i fotogrammi chiave.

Utilizzo del grafico KeySpline

Cc295256.d0752aac-3556-466e-957e-cf06010c0b57(it-it,Expression.40).png

È possibile modificare l'interpolazione che si verifica quando l'indicatore di riproduzione della sequenza temporale si avvicina a un fotogramma chiave utilizzando il grafico KeySpline.

In tale grafico vengono tracciati i valori della proprietà animata negli intervalli di tempo tra ogni fotogramma chiave selezionato e quello precedente. In generale, maggiore è l'inclinazione della linea e più rapida è la modifica del valore in quel punto.

Quando il grafico è una linea retta che va dall'angolo in basso a sinistra a quello in alto a destra, l'interpolazione è lineare.

Cc295256.f5cb5969-446e-44c9-bf61-a23e8b026e6a(it-it,Expression.40).png

È possibile trascinare uno dei punti di controllo gialli per modificare la velocità a cui il valore della proprietà viene modificato al passaggio dal fotogramma chiave precedente a quello selezionato.

Nota:

Il grafico KeySpline e i valori Variazione in entrata e Variazione in uscita sono sincronizzati. La modifica del valore Variazione in entrata influisce sul punto di controllo in alto a destra del grafico KeySpline del fotogramma chiave selezionato. La modifica del valore Variazione in uscita influisce sul punto di controllo in basso a sinistra del grafico KeySpline del fotogramma chiave che segue quello selezionato.

Selezione di una EasingFunction

Questo si applica solo ai progetti Microsoft Silverlight.

Cc295256.85f020f5-4ac1-4b75-a63d-a5c5d0ece242(it-it,Expression.40).png

È possibile modificare l'interpolazione che si verifica quando l'indicatore di riproduzione della sequenza temporale si avvicina a un fotogramma chiave utilizzando il menu a discesa EasingFunction visualizzato nel pannello Proprietà quando si seleziona il fotogramma chiave.

Microsoft Expression Blend presenta diverse funzioni di interpolazione predefinite che è possibile selezionare. Analogamente al grafico KeySpline, la funzione di interpolazione viene applicata all'interpolazione che si verifica quando l'indicatore di riproduzione della sequenza temporale si avvicina al fotogramma chiave selezionato. Utilizzare le immagini sui pulsanti nelle colonne In, Out e InOut per decidere quale funzione di interpolazione utilizzare. I pulsanti nella colonna In applicano l'effetto scelto all'inizio di KeySpline, i pulsanti nella colonna Out applicano l'effetto scelto alla fine di KeySpline e i pulsanti nella colonna InOut applicano l'effetto a entrambi. Scegliere il pulsante che rappresenta la modalità di visualizzazione del grafico KeySpline desiderata.

Le funzioni di interpolazione personalizzate possono essere programmate utilizzando Silverlight SDK.

Per ulteriori informazioni, vedere EasingFunctionBase Class (Classe EasingFunctionBase) (System.Windows.Media.Animation) Cc295256.xtlink_newWindow(it-it,Expression.40).png in MSDN.

Per informazioni su Silverlight SDK, fare clic sul pulsante Start, scegliere Tutti i programmi, quindi Microsoft Silverlight SDK e infine Installazione guidata.

Nota:

Quando si seleziona una EasingFunction, qualsiasi precedente effetto di interpolazione applicato al fotogramma chiave viene rimosso.

In alternativa, è possibile eseguire una transizione tra i fotogrammi chiave che si verificano istantaneamente e quelli che si verificano nel tempo utilizzando l'opzione di interpolazione Interpolazione con variazione in entrata.

[!NOTA]

Per eseguire le procedure seguenti è necessario avere aperto uno storyboard che contiene fotogrammi chiave.

Per ulteriori informazioni, vedere Aprire o chiudere uno storyboard o Creare, modificare o eliminare uno storyboard.

Suggerimento:
Le seguenti procedure possono essere utilizzate quando viene selezionato un singolo fotogramma chiave o quando sono selezionati più fotogrammi chiave tenendo premuto il tasto CTRL.

Per modificare la transizione da un fotogramma chiave

Eseguire una delle operazioni seguenti:

Sulla barra della sequenza temporale, fare clic con il pulsante destro del mouse sul fotogramma chiave dal quale eseguire una transizione graduale, selezionare Variazione in uscita sul menu a discesa visualizzato e selezionare un valore dall'elenco.
Sulla barra della sequenza temporale selezionare il fotogramma chiave che segue quello dal quale si desidera applicare una transizione graduale e quindi, in Interpolazione nel pannello Proprietà, fare clic su KeySpline. Trascinare il punto di controllo giallo nell'angolo inferiore sinistro del grafico KeySpline.
Sulla barra della sequenza temporale selezionare il fotogramma chiave che segue quello dal quale si desidera applicare una transizione graduale e quindi, in Interpolazione nel pannello Proprietà, fare clic su EasingFunction. Fare clic sulla freccia a discesa accanto a Nessuno e quindi selezionare uno dei pulsanti accanto alla funzione di interpolazione.

Per modificare la transizione in un fotogramma chiave

Sulla barra della sequenza temporale, fare clic con il pulsante destro del mouse sul fotogramma chiave che si desidera modificare gradualmente.
Eseguire una delle operazioni seguenti:
- Selezionare Variazione in entrata dal menu a discesa che viene visualizzato e quindi selezionare un valore dall'elenco.
- In Interpolazione nel pannello Proprietà fare clic su KeySpline. Trascinare il punto di controllo giallo nell'angolo superiore destro del grafico KeySpline.
- In Interpolazione nel pannello Proprietà fare clic su EasingFunction. Fare clic sulla freccia a discesa accanto a Nessuno e quindi selezionare uno dei pulsanti accanto alla funzione di interpolazione.

Per creare una transizione improvvisa in un fotogramma chiave

È possibile eseguire una transizione tra i fotogrammi chiave che si verificano istantaneamente e che quelli che si verificano nel tempo. L'opzione di interpolazione Interpolazione con variazione in entrata crea una modifica improvvisa a un nuovo valore di proprietà quando l'indicatore di riproduzione raggiunge il fotogramma chiave dove il nuovo valore di proprietà viene registrato.

Eseguire una delle operazioni seguenti:

Sulla barra della sequenza temporale, selezionare il fotogramma al quale eseguire la modifica improvvisa, quindi in Interpolazione nel pannello Proprietà, fare clic su Interpolazione con variazione in entrata.
Sulla barra della sequenza temporale, fare clic con il pulsante destro sul fotogramma al quale eseguire la modifica improvvisa, quindi selezionare Interpolazione con variazione in entrata dal menu a discesa che viene visualizzato. Viene visualizzato un segno di spunta accanto a Interpolazione con variazione in entrata sul menu a discesa.

[!NOTA]

Selezionando Interpolazione con variazione in entrata si rimuove l'effetto di interpolazione precedente applicato al fotogramma chiave e i precedenti effetti di interpolazione in uscita applicati al fotogramma chiave precedente sulla barra della sequenza temporale. L'effetto di interpolazione in entrata che è applicato al fotogramma chiave successivo sulla barra della sequenza temporale rimane invariato.

Vedere anche

Attività

Eliminare un fotogramma chiave
Creare un fotogramma chiave
Incollare o spostare un fotogramma chiave
Riutilizzare i valori dell'interpolazione su altri fotogrammi chiave

Condividi tramite