Modificare il tempo di transizione tra i cambiamenti di stato
L'aspetto dei controlli varia a seconda dello stato. Il colore di un pulsante, ad esempio, cambia leggermente quando vi si posiziona sopra il puntatore. "MouseOver" è uno degli stati di un pulsante. È possibile personalizzare il tempo di transizione tra gli stati dei controlli di sistema modificando una copia del modello del controllo.
Nella procedura seguente viene utilizzato un pulsante, ma è possibile personalizzare qualsiasi controllo di sistema disponibile in Microsoft Expression Blend o qualsiasi controllo personalizzato importato che eredita dalla classe Control.
.gif "tip note") Suggerimento: |
|---|
È inoltre possibile modificare gli stati e i tempi di transizione dei controlli utente. Per ulteriori informazioni, vedere Definire diversi stati di visualizzazione e tempi di transizione per un controllo utente. |
Per modificare il tempo di transizione tra gli 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.40).png")
.Se non si è già nella modalità di modifica dello stile di un modello, fare clic con il pulsante destro del mouse su un controllo nella tavola da disegno, scegliere Modifica modello e quindi fare clic su Modifica corrente. Se lo si desidera, selezionare l'oggetto e quindi fare clic su Modello nella barra di navigazione.
.png "Dd185517.5bb586ea-6adc-4672-b316-0fab8215ff8c(it-it,Expression.40).png")
Mentre Expression Blend è in modalità di modifica del modello, gli stati del pulsante (ad esempio Normal e MouseOver) sono visualizzati nel pannello Stati. Gli stati sono contenuti negli StateGroup (ad esempio CommonStates e FocusStates).
.png "Dd185517.7740762c-1a9d-490f-898e-2886ac1cf541(it-it,Expression.40).png")
Accanto a CommonStates verrà visualizzata una casella di testo con un valore pari a 0 secondi ("0s"). Si tratta della durata predefinita per tutte le transizioni tra gli stati dello StateGroup. Sono necessari, ad esempio, 0 secondi per passare da uno stato allo stato Normal. Questa durata di transizione predefinita può essere modificata.
.png "Dd185517.f13475c2-d26f-4ad0-b62e-53bd1f532288(it-it,Expression.40).png")
Fare clic su Aggiungi transizione
.png "Dd185517.2fe2c349-41aa-4cc0-b1d3-3ff7d5aed33d(it-it,Expression.40).png")
per lo stato MouseOver in Stati e quindi fare clic sulla transizione MouseOver to Normal..png "Dd185517.fdeff432-52c4-46c2-a3f1-6ee49d86677b(it-it,Expression.40).png")
Nella nuova riga relativa alla transizione MouseOver to Normal, modificare il valore nella casella di testo da "0s" a "0,5s".
.png "Dd185517.ba5ad076-c4f4-4525-b8a6-ac3aab272194(it-it,Expression.40).png")
Salvare i dati CTRL+S) e quindi premere F5 per compilare e testare l'applicazione. Dopo l'apertura dell'applicazione in una finestra del browser, spostare il puntatore sul pulsante per verificare quanto tempo è necessario perché ritorni allo stato precedente quando il puntatore viene allontanato dal pulsante.
Risoluzione dei problemi
- Se si verificano problemi durante la visualizzazione dell'applicazione in un browser, è possibile che non sia installato il runtime corretto di Microsoft Silverlight. Per ulteriori informazioni, vedere Installare gli strumenti e il runtime Silverlight.
Passaggi successivi
L'aspetto del pulsante può essere modificato in stati diversi. Per ulteriori informazioni, vedere Modificare l'aspetto di un sistema di controllo in stati diversi.
È possibile aggiungere un'animazione, ad esempio far girare il pulsante quando il puntatore vi passa sopra. Per ulteriori informazioni, vedere Aggiungere animazione che viene riprodotta dopo un cambiamento di stato.
È possibile applicare questo modello a un altro pulsante del progetto o disegnare un nuovo pulsante a cui è già assegnato il modello. Per ulteriori informazioni, vedere Applicare una risorsa stile.
Vedere anche
Attività
Disegnare un nuovo controllo nel progetto
Aggiungere animazione che viene riprodotta dopo un cambiamento di stato
Creare un modello riutilizzabile per applicare stile a un sistema di controllo
Copyright © 2011 Microsoft Corporation. Tutti i diritti riservati.