Esercitazione: personalizzare l'elemento Thumb di un controllo SimpleSlider

In Microsoft Expression Blend è possibile personalizzare con facilità l'aspetto di un controllo Thumb utilizzando il modello del controllo SimpleSlider.

Per personalizzare l'elemento Thumb di un controllo SimpleSlider

1. Disegnare un SimpleSlider nella tavola da disegno in Expression Blend.

   Suggerimento:
   I controlli stile semplice sono disponibili in Simple Styles nella categoria Stili del pannello Asset. Dopo aver selezionato uno stile semplice nell'elenco, è possibile disegnarlo nella tavola da disegno.

2. Fare clic con il pulsante destro del mouse sul dispositivo di scorrimento nel pannello Oggetti e sequenza temporale, scegliere Modifica modello e fare clic su Modifica corrente. Se non si desidera modificare il dizionario risorse SimpleStyles.xaml, è possibile fare clic su Modifica copia anziché su Modifica corrente per creare un nuovo modello e salvarlo nel documento. Per ulteriori informazioni sulla creazione di una copia, vedere Creare una risorsa.

   Suggerimento:

   Per uscire dalla modalità di modifica del modello e tornare all'ambito del documento in uso, fare clic su Reimposta l'ambito, disponibile sopra la struttura dell'elemento nel pannello Oggetti e sequenza temporale. Per tornare alla modalità di modifica per un modello esistente, nel pannello Oggetti e sequenza temporale fare clic con il pulsante destro del mouse sull'oggetto di cui si desidera modificare il modello, scegliere Modifica modello, quindi fare clic su Modifica corrente.

3. Fare clic con il pulsante destro del mouse sull'elemento [Thumb] nel pannello Oggetti e sequenza temporale, scegliere Modifica modello, quindi fare clic su Modifica copia.

4. Per impostazione predefinita, il modello Thumb contiene un elemento Grid che include un elemento Ellipse. Eliminare l'oggetto Ellipse.

5. Fare doppio clic sull'oggetto Grid nel pannello Oggetti e sequenza temporale in modo da potervi aggiungere oggetti figlio.

6. Disegnare un tracciato nell'oggetto Grid utilizzando lo strumento Penna, disponibile nel pannello Strumenti. È possibile modificare il tracciato utilizzando lo strumento Selezione diretta per impostare i punti del tracciato.

   Suggerimento:
   Per eseguire lo zoom avanti nella tavola da disegno, è possibile utilizzare la casella di testo Zoom disponibile nella parte inferiore della tavola da disegno oppure la rotellina del mouse mentre si tiene premuto CTRL.

   Suggerimento:
   In alternativa al disegno di un elemento tracciato con lo strumento Penna, è possibile utilizzare una risorsa grafica importata da Microsoft Expression Design oppure un file di immagine da aggiungere al progetto.

7. Eseguire un test dell'applicazione (F5) per visualizzare gli effetti.

Vedere anche

Concetti

SimpleSlider

Copyright © 2011 Microsoft Corporation. Tutti i diritti riservati.