Definire diversi stati di visualizzazione e tempi di transizione per un controllo utente

Articolo
10/11/2017

Quando si crea il controllo utente, è possibile aggiungere stati e StateGroup personalizzati per definire un aspetto diverso per ogni stato del controllo utente. Se, ad esempio, il controllo utente rappresenta una carta da gioco, è possibile creare uno stato FaceUp e uno stato FaceDown.

[!NOTA]

In un progetto Silverlight, quando si modifica il modello di un controllo di sistema, ad esempio un pulsante, gli StateGroup e gli stati predefiniti sono già presenti. Non è possibile aggiungere nuovi StateGroup o stati.

Per definire uno StateGroup per il controllo utente

Se non si dispone già di un controllo utente, è possibile crearne uno nuovo nel progetto e aprire il file XAML per la modifica.

Per ulteriori informazioni, vedere Creare un nuovo controllo utente nel progetto.

Suggerimento:

È inoltre possibile definire StateGroup per il documento principale (in genere Page.xaml).
Nel pannello Stati è indicato l'aspetto predefinito degli oggetti nel controllo utente. È possibile selezionare Base quando si desidera uscire dalla modalità di registrazione dello stato, ad esempio quando si desidera aggiungere altri oggetti al documento.
In Stati fare clic su Aggiungi StateGroup .

Verrà aggiunto un nuovo StateGroup e verrà evidenziato il nome in modo che sia possibile immetterne uno nuovo.

È ora possibile aggiungere stati allo StateGroup o aggiungere altri StateGroup.

Suggerimento:
È inoltre possibile definire StateGroup per il documento principale (in genere Page.xaml).

Per aggiungere stati a uno StateGroup

Accanto al nome di uno StateGroup in Stati fare clic su Aggiungi StateGroup .

Verrà aggiunto un nuovo stato allo StateGroup e verrà evidenziato il nome in modo che sia possibile immetterne uno nuovo.

Selezionare lo stato per attivare la registrazione dello stato. Le modifiche apportate all'aspetto degli oggetti nel documento verranno registrate per lo stato selezionato.

Dd185499.59996960-c66b-4be0-abc9-5509c79f3a5d(it-it,Expression.40).png

Suggerimento:
Quando si specificano stati e StateGroup, tenere in considerazione tutti gli stati visivi che si desidera visualizzare nel controllo utente e quindi identificare gli stati che non si desidera visualizzare contemporaneamente. Tali stati devono essere elencati nello stesso StateGroup, perché è possibile visualizzare uno solo stato per volta in uno StateGroup. Nella figura seguente, ad esempio, è illustrato un controllo utente che rappresenta una carta in un gioco di carte. Sono definiti due StateGroup: MouseInteraction e SideDisplayed. Lo StateGroup MouseInteraction include gli stati per Click, MouseOver e Normal, che non vengono visualizzati contemporaneamente. Lo StateGroup SideDisplayed include gli stati che visualizzano la faccia superiore (FaceUp) e la faccia inferiore della carta (FaceDown). Poiché una carta può presentare la faccia superiore mentre il puntatore del mouse è posizionato su di essa, tali stati si trovano in StateGroup diversi.

Quando si specificano stati e StateGroup, tenere in considerazione tutti gli stati visivi che si desidera visualizzare nel controllo utente e quindi identificare gli stati che non si desidera visualizzare contemporaneamente. Tali stati devono essere elencati nello stesso StateGroup, perché è possibile visualizzare uno solo stato per volta in uno StateGroup. Nella figura seguente, ad esempio, è illustrato un controllo utente che rappresenta una carta in un gioco di carte. Sono definiti due StateGroup: MouseInteraction e SideDisplayed. Lo StateGroup MouseInteraction include gli stati per Click, MouseOver e Normal, che non vengono visualizzati contemporaneamente. Lo StateGroup SideDisplayed include gli stati che visualizzano la faccia superiore (FaceUp) e la faccia inferiore della carta (FaceDown). Poiché una carta può presentare la faccia superiore mentre il puntatore del mouse è posizionato su di essa, tali stati si trovano in StateGroup diversi.

Dd185499.4fecf399-1962-4668-86e7-efe1a485cbc1(it-it,Expression.40).png

Per impostare il tempo di transizione per il cambiamento di stato del controllo utente

Per impostare il tempo di transizione per il passaggio del controllo utente da uno stato all'altro di uno StateGroup, fare clic all'interno della casella di testo Transizione predefinita e immettere un nuovo tempo. Verrà impostato l'intervallo di tempo impiegato dal controllo utente per passare a o da uno stato dello StateGroup.
Per eseguire l'override del tempo di transizione predefinito per transizioni specifiche, fare clic su Aggiungi transizione accanto a uno stato e quindi selezionare la transizione specifica dall'elenco visualizzato. La voce dell'elenco evidenziata dal puntatore del mouse nella figura seguente indica "dallo stato Click a un altro stato" dove la freccia corrisponde ad "a" e l'asterisco (*) corrisponde a "un altro stato".

Fare clic nella casella di testo Durata transizione e immettere un nuovo intervallo di tempo.

Risoluzione dei problemi

Se si verificano problemi quando si compila l'applicazione, è possibile che non sia installata la versione corretta di Silverlight. Per ulteriori informazioni, vedere Installare gli strumenti e il runtime Silverlight.

Passaggi successivi

È possibile fare in modo che il controllo utente risponda ai clic del mouse. Per ulteriori informazioni, vedere Modificare gli stati in risposta all'interazione utente.
È possibile aggiungere un'animazione, ad esempio far girare il pulsante quando il puntatore del mouse vi passa sopra. Per ulteriori informazioni, vedere Aggiungere animazione che viene riprodotta dopo un cambiamento di stato.
È possibile visualizzare scenari realistici in cui vengono utilizzati stati e StateGroup nelle esercitazioni video "How Do I?" nel sito Web della community di Expression .

Condividi tramite