Modificare la durata della transizione tra le modifiche dello stato nei controlli di sistema
.png "Questa pagina si applica solo ai progetti di Silverlight 2")
L'aspetto dei controlli varia a seconda del relativo stato. Un pulsante, ad esempio, cambia leggermente colore al passaggio del puntatore del mouse su di esso. "MouseOver" è uno degli stati di un pulsante. È possibile personalizzare la durata della transizione tra gli stati dei controlli di sistema modificando una copia del modello del controllo.
Nella procedura seguente viene utilizzato un pulsante, tuttavia è possibile personalizzare qualsiasi controllo di sistema incluso in Microsoft Expression Blend 2 o qualsiasi controllo personalizzato importato di Silverlight 2 che eredita dalla classe Control.
.gif "Suggerimento") Suggerimento: |
|---|
È inoltre possibile modificare gli stati e le durate delle transizioni dei controlli utente. Per ulteriori informazioni, vedere Definire stati visivi e durate di transizione diversi per un controllo utente. |
Per modifica la durata della transizione tra stati
Creare un modello riutilizzabile per un controllo di sistema, ad esempio il controllo Button
.png "Dd185517.05df1779-a68f-436b-b834-a91b7995a3ec(it-it,Expression.10).png")
.Se non si è già nella modalità di modifica di un modello, fare clic con il pulsante destro del mouse su un controllo nella tavola da disegno, scegliere Modifica parti del controllo (modello) e quindi Modifica modello. Facoltativamente selezionare l'oggetto e fare clic su Modello nella barra di navigazione.
.png "Dd185517.5bb586ea-6adc-4672-b316-0fab8215ff8c(it-it,Expression.10).png")
Nella modalità di modifica del modello, gli stati del pulsante, ad esempio Normal e MouseOver, sono visualizzati in Stati nel pannello Interazione. Gli stati sono contenuti in gruppi di stati, ad esempio CommonStates e FocusStates.
.png "Dd185517.7740762c-1a9d-490f-898e-2886ac1cf541(it-it,Expression.10).png")
Accanto a CommonStates una casella di testo con il valore 0 secondi ("0s"). Questa è la durata predefinita per tutte le transizioni tra gli stati di un gruppo. Ad esempio, occorrono 0 secondi per passare da uno stato allo stato Normal. È possibile modificare la durata predefinita della transizione.
.png "Dd185517.f13475c2-d26f-4ad0-b62e-53bd1f532288(it-it,Expression.10).png")
Questo valore viene sostituito dal valore "0,1s" quando si passa dallo stato MouseOver allo stato Pressed. L'asterisco e la freccia indicano "da qualsiasi stato a questo stato".
.png "Dd185517.87bd6d25-da6b-4d90-a4a5-c492b8d148ff(it-it,Expression.10).png")
Fare clic sul pulsante Aggiungi transizione
.png "Dd185517.6023baa2-015d-4eb5-93d4-7c79f0d69e90(it-it,Expression.10).png")
per lo stato MouseOver in Stati e quindi fare clic sulla transizione Da MouseOver a Normal..png "Dd185517.fdeff432-52c4-46c2-a3f1-6ee49d86677b(it-it,Expression.10).png")
Nella nuova riga per la transizione Da MouseOver a Normal modificare il valore nella casella di testo da "0s" a "0,5s".
.png "Dd185517.ba5ad076-c4f4-4525-b8a6-ac3aab272194(it-it,Expression.10).png")
Salvare il lavoro (CTRL+S) e quindi premere F5 per generare e testare l'applicazione. Dopo l'apertura dell'applicazione in una finestra del browser, spostare il puntatore del mouse sopra il pulsante per osservare come torna lentamente allo stato precedente quando il mouse viene allontanato dal pulsante.
Risoluzione dei problemi
- In caso di problemi di visualizzazione dell'applicazione in un browser, è possibile che non sia installato il runtime Silverlight 2 corretto. Per ulteriori informazioni, vedere Installare gli strumenti di Silverlight 2 e il runtime.
Passaggi successivi
È possibile modificare l'aspetto del pulsante in stati diversi. Per ulteriori informazioni, vedere Modificare l'aspetto di un controllo di sistema in stati diversi.
È possibile aggiungere un'animazione, ad esempio per fare in modo che il pulsante esegua una rotazione al passaggio del puntatore del mouse su di esso. Per ulteriori informazioni, vedere Aggiungere un'animazione da riprodurre dopo una modifica allo stato.
È possibile applicare questo modello a un altro pulsante nel progetto oppure disegnare un nuovo pulsante che abbia già il modello assegnato. Per ulteriori informazioni, vedere Applicare una risorsa stile.
Vedere anche
Concetti
Disegnare un controllo in un progetto di Silverlight 2
Aggiungere un'animazione da riprodurre dopo una modifica allo stato